除Chrome以外的所有浏览器都会显示以下样式
.my-checkBox {
width: 20px;
height:20px;
color:#fff;
-moz-appearance:none;
-webkit-appearance:none;
-o-appearance:none;
border: 0px inset ThreeDFace ! important;
margin: 5px;
padding: 5px;
}
这种方法在Chrome中可行吗?
最佳答案
这里有一个jquery插件..我还不知道Chrome的任何其他方法
http://archive.plugins.jquery.com/project/ui-checkbox
还要检查一下:
input.checkBox { display: none }
input.checkBox + label > span.checkBox-span { display: inline-block; color: #FFF; border: 1px solid #000; width: 30px; line-height: 30px; font-size: 24px; text-align: center }
input.checkBox:checked + label > span.checkBox-span { color: #000 }
原文地址:https://www.jb51.cc/css/427529.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。