css重写单选框和复选框样式

**************************第一种样式开始************************************/

css:

/*单选样式重写*/
input[type='radio'].radio {opacity:0;position: absolute;}
label.radio {cursor: pointer; font-size:14px;min-width:80px;display:block; -webkit-appearance: none;background-color:#FAFAFA;border:1px solid #CCCCCC;color: #333333;height:28px;line-height: 28px;margin: 5px; text-align: center;padding: 0 5px;}
input[type='radio'].radio:checked + .radio {background-color:#2095F2;border:1px solid #2095F2;color: #fff;}
/*多选样式重写*/
input[type='checkbox'].checkbox {opacity:0;position: absolute;}
label.checkbox {position: relative; cursor: pointer; font-size:14px;min-width:80px;display:block; -webkit-appearance: none;background-color:#FAFAFA;border:1px solid #CCCCCC;color: #333333;height:28px;
               line-height: 28px;margin: 5px; text-align: center;padding: 0 35px 0 5px;}
input[type='checkbox'].checkbox:checked + .checkbox {backgroun