首页 前端知识 修改 input checkbox(复选框) 选中的背景颜色

修改 input checkbox(复选框) 选中的背景颜色

2024-03-08 10:03:41 前端知识 前端哥 998 254 我要收藏
 input[type=checkbox] {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    position: relative;
  }
  input[type=checkbox]::after {
    position: absolute;
    top: 0;
    color: #000;
    width: 15px;
    height: 15px;
    display: inline-block;
    visibility: visible;
    padding-left: 0;
    text-align: center;
    content: ' ';
    // border-radius: .03rem;
  }
  input[type=checkbox]:checked::after {
    content: "✓";
    color: #fff;
    font-size: 10px;
    line-height: 15px;
    background-color: red;
    
  }

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3429.html
标签
评论
发布的文章

JQuery对象操作

2024-04-01 10:04:46

jQuery 事件

2024-04-01 10:04:28

jQuery实现二级菜单

2024-04-01 10:04:16

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!