更改複選框的顏色邊框

Question

我必須更改複選框邊框的顏色。

這是圖像：change border checkbox

我找到了，我就在網絡上，但我沒有找到如何做到這一點:-(

Answer 1

看看這個JSFiddle這是我從This answer on StackOverflow.偷

這裏的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'; 
}