复选框 Checkbox 是 Web 应用常用控件,随处可见,原生的复选框控件一般不能满足我们的需求,设计师喜欢一些漂亮的图片,用css做出此效果。
<input type="checkbox" id="gps_open_close" />
input#gps_open_close[type="checkbox"]{<span style="color:#FF0000;">-o-appearance: none; -webkit-appearance: none;-moz-appearance:none;</span>
background-image:url("../../images/pc/gps/select_button.png");vertical-align: middle;
width:19px;height:19px; background-repeat: no-repeat;}
input#gps_open_close[type="checkbox"]:checked{
background-image:url("../../images/pc/gps/selected_button.png");
}
input[type="checkbox"]{
-o-appearance: none; -webkit-appearance: none;-moz-appearance:none;
background-image:url("../../images/pc/gps/checkbox.png");
width:19px;height:19px;