更改复选框的颜色边框

Question

我必须改变一个复选框的边框颜色。

这是图像:更改边框复选框

我在网上找了又找，但我没有找到怎么做:-(

Answer 1

看看这个JSFiddle，这是我从这个答案上偷来的。

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';
 }