Checkbox 更改复选框的颜色边框

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

这是图像：

我在网上找了又找，但我没有找到方法：（

看看我偷的这个

以下是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';
 }

看看我偷的这个

以下是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';
 }