如何更改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小时后仍然不能访问