[英]Change color border of a checkbox
I must change the color of the border of a checkbox. 我必须更改复选框边框的颜色。
This is the image : change border checkbox 这是图像: 更改边框复选框
I sought and I sought on the Web but I didn't found how to do this :-( 我寻求和我在网上寻找,但我没有找到如何做到这一点:-(
Take a look at this JSFiddle which I stole from This answer on StackOverflow. 看一下这个JSFiddle ,我从StackOverflow的这个答案中偷走了。
Here's the CSS: 这是CSS:
.styled-checkbox {
opacity: 0;
filter: alpha(opacity=0);
}
.styled-checkbox + label {
position: relative;
}
.styled-checkbox + label:before,
.lt-ie8 .checkbox-replacement {
content: '';
display: inline-block;
visibility: visible;
left: 0;
width: 0.6em;
height: 0.6em;
margin: 0 0.3em 0 -1em;
line-height: 0.6;
text-align: center;
border: 1px solid red;
}
.styled-checkbox:checked + label:before,
.lt-ie9 .styled-checkbox.checked + label:before {
content: '\2713';
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.