更改复选框的颜色边框

Question

我必须更改复选框边框的颜色。

这是图像：change border checkbox

我找到了，我就在网络上，但我没有找到如何做到这一点:-(

Answer 1

看看这个JSFiddle这是我从This answer on *.偷

这里的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'; 
}