900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html radio 默认图片替换_html css_如何更改radio checkbox选项框背景图? html css - phpStudy...

html radio 默认图片替换_html css_如何更改radio checkbox选项框背景图? html css - phpStudy...

时间:2018-11-22 17:56:55

相关推荐

html radio 默认图片替换_html css_如何更改radio checkbox选项框背景图? html css - phpStudy...

如何更改radio、checkbox选项框背景图?

radio单选框默认是圆圈;checkbox复选框默认是正方形;

1、想问一下如何用纯CSS的方法改变选项框样式,比如将圆圈改成五角星或者菱形或者一张图片?

2、我切好图用 background:url("example.jpg")no-repeat;直接更换为何不行?

3、我目前用的是这样的方法,虽然能很好的实现目的,但总感觉不是太好,有点冗杂。希望能请教到更好的方法?

HTML:

`

CSS:

#yuyue{

width: 412px;

height:277px;

top: 183px;

left: 116px;

position: absolute;

background: url("images/testdrive/refer.png")no-repeat;

}

.sex{

width:50px;

height: 50px;

top:158px;

left: 82px;

position: absolute;

opacity: 0;

z-index: 3;

}

.sex1{margin-left: 94px;}

.dianji{

width:17px;

height:17px;

left:98px;

top:174px;

position: absolute;

background: url("images/testdrive/choose1.png");

z-index: 2;

}

.dianji1{margin-left: 90px;}

#yuyue input:checked + .dianji{

background: url("images/testdrive/choose2.png");

}

最后 为了掌握多种方法,不是纯CSS的也希望指教一下。谢谢回答!

相关阅读:

flask跳转页面参数加上#?

iTunes 添加构建版本中,一直显示正在处理,已经4天了,如何解决

有什么软件可以在win7上运行.apk .ipa 手机应用的吗?

js转db后缀的数据库

购物车在什么情况下把商品删除比较合适?

如何在微信或QQ中点击一个链接,即可跳转到一个app下载界面,或者打开一个app?

js黑魔法:+[] 等于0?

gulp的watch任务怎么中断?

有没有一款类似piwigo这样的php开源系统,支持psd上传并且生成缩略图。

EditText的光标有时显示,有时不显示是怎么回事

Android 魅族系统相册适配

请问类似segmentfault这样的即时消息提示是如何高效实现的

docker-machine添加一个已有的docker主机问题

js计算的奇怪问题?

hbase获取一个table中row的总数

高负载下 Apache 内存与进程的最佳实践

如何使用正则表达式提取微博中的话题(hashtag)?

幻灯片第一次切换的时候。 transition没有起作用? 后面就正常了

现在开发网站一般都使用什么方式?什么是前后端分离?

更换了DNS,48小时后仍然不能访问

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。