html checkbox 自定义美化方式

本文介绍了如何去除jQuery-Mobile对checkbox的默认样式,通过设计图片和CSS实现自定义美化,并利用jQuery添加交互效果,轻松实现checkbox的个性化设计。同时,文章探讨了使用onchange事件和jQuery的attr()方法设置flag的可能性,感叹jQuery的灵活性。最后,作者分享了前端开发的心得体会。
摘要由CSDN通过智能技术生成

首先你的checkbox 要是继承了乱七八糟的jquery-mobile…..赶紧先去掉,这个东西以后会令人抓狂。css里面的继承很混乱,优先级很不清晰,jquery也很霸道,所以去掉丑陋的初始框是最佳策略。

然后先给你的checkbox 做点ui设计!!
比如存成两张图片分别为:
images/chkbox.png
images/chkbox_after.png

然后附上两个css样式!

.check{
     backgound-image: url("images/chkbox.png;");

}

.check_after{
     backgound-image: url("images/chkbox_after.png;");

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值