单选按钮与复选按钮选中
2017-10-17 15:17
197 查看
/*input*/
input[type=checkbox]{background:url("../images/no.png") center no-repeat; height: .32rem;width:.35rem;display:inline-block;vertical-align:top;-webkit-appearance:none;background-size:97%;}
input[type=checkbox]:checked{background:url("../images/yes.png") center no-repeat; height: .35rem;width:.4rem;display:inline-block;vertical-align:top;-webkit-appearance:none;background-size:95%;}
input[type=radio]{background:url("../images/radio.jpg") center no-repeat; /*height: .25rem;*/width:.25rem;display:inline-block;vertical-align:middle;-webkit-appearance:none;background-size:100%;}
input[type=radio]:checked{background:url("../images/radio-active.jpg") center no-repeat; /*height: .25rem;*/width:.25rem;display:inline-block;vertical-align:middle;-webkit-appearance:none;background-size:100%;}
input[type=checkbox]{background:url("../images/no.png") center no-repeat; height: .32rem;width:.35rem;display:inline-block;vertical-align:top;-webkit-appearance:none;background-size:97%;}
input[type=checkbox]:checked{background:url("../images/yes.png") center no-repeat; height: .35rem;width:.4rem;display:inline-block;vertical-align:top;-webkit-appearance:none;background-size:95%;}
input[type=radio]{background:url("../images/radio.jpg") center no-repeat; /*height: .25rem;*/width:.25rem;display:inline-block;vertical-align:middle;-webkit-appearance:none;background-size:100%;}
input[type=radio]:checked{background:url("../images/radio-active.jpg") center no-repeat; /*height: .25rem;*/width:.25rem;display:inline-block;vertical-align:middle;-webkit-appearance:none;background-size:100%;}
相关文章推荐
- javascript怎么可以判断单选复选按钮是否选中,且传值
- jqurey 遍历 div内的所有input单选复选按钮并判断是否选中
- 关于JS单选按钮与复选按钮验证是否选中
- 单选按钮的取消与选中
- 大家一起用gtk编程6(按钮/单选/复选组件)
- CSS3美化单选按钮和复选按钮
- android 单选,复选按钮,以及toast
- html单选按钮可以选中多个问题
- js取消单选按钮选中 判断对象是否为空
- 用JS判断单选按钮是否选中
- 单选RadioButton与复选CheckBox按钮
- jQuery:1.5.4.3,表格变色(单击行,把当行的单选按钮(radio)设为选中状态,并应用当前样式)
- [转]利用jQuery选中下拉框,复选框,单选按钮
- jquery判断单选按钮radio是否选中的方法
- JS 判断 Radio 单选按钮是否为选中状态 并弹出 值信息
- 点击文字选中单选按钮方法(for)
- 点击单选按钮radio后面的文字即可选中单选按钮
- 汇编:单选按钮和复选按钮使用
- javascript 单选按钮 单击选中 双击取消选择实现代码
- 单选按钮--->RadioButton和复选按钮---->checkBox的使用