纯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
        感谢认可
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复