纯CSS美化单复选框

所属分类:输入-选择框

 8247  70  查看评论 (5)
分享到微信朋友圈
X
纯CSS美化单复选框 ie兼容11

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

  1. 隐藏 input

  2. 然后美化 label

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

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

相关插件-选择框

穿梭框(原创)

基于vue的双列表选择插件
  选择框
 33467  304

jQuery省市联动、下拉框表单美化

jQuery个人信息表单,联动、下拉框表单美化
  选择框
 41321  403

div模拟下拉省市级联三级联动附带地区数据(原创)

带地区代码,兼容到ie8;浏览器样式统一,下拉图标可自行更换,根据隐藏input value值获取地区代码
  选择框
 29026  326

省市县三级联动加载地图

可以本地控制插件、地区三级级联查询、地区联动地图的插件,在线搜索
  选择框
 37127  451

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