UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

纯CSS美化单复选框

所属分类：输入-选择框

 9799  71  查看评论 (5)
分享到微信朋友圈
X
纯CSS美化单复选框 ie兼容11
 查看演示  立即下载

更新时间：2021-07-07 00:04:20

  1. 隐藏 input

  2. 然后美化 label

  3. 使用lebel 的before 做个虚拟的单、复选框的样式

  4. 根据 input:checked 改变邻近 lebel 的样式

相关插件-选择框
查看更多

仿京东地区选择

 仿京东地区选择3级联动,城市选择器.
  选择框
 92604  479

js模拟ios联动插件iosselect

 html下拉菜单select在安卓和IOS下表现不一样，iosselect正是为统一下拉菜单样式而生
  选择框
 33554  360

jQuery仿淘宝移动端添加收货地址(原创)

 jQuery仿淘宝移动端省市区县街道四级联收货地址
  选择框
 29716  321

全国多级联动下拉菜单（原创）

 基于mobile.js的全国多级移动端联动下拉菜单
  选择框
 36819  386

讨论这个项目（5）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    少校 0
    2021/10/13 17:07:11
    辛苦了🍉🍉🍉 回复
    追风少年 0
    2021/8/16 23:11:43
    垂直的样式不是非常对齐，建议优化一下，可以参考layui的form样式，期待作者的改进
        Thinkbird0
        2021/8/18 8:45:33
        感谢认可，这个就靠网友们了，我做基础样式抛砖引玉
    回复
    爱死寂寞人 0
    2021/7/7 8:30:31
    效果不错，下载收藏
        Thinkbird0
        2021/7/7 9:03:02
        感谢认可
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复