html checkBox自定义格式修改

最新推荐文章于 2024-09-10 12:58:32 发布

PAT-python-zjw

最新推荐文章于 2024-09-10 12:58:32 发布

阅读量1.2k

点赞数 1

分类专栏： CSS

本文为博主原创文章，转载请务必附上文章网址，谢谢。

本文链接：https://blog.csdn.net/zjw_python/article/details/91863685

版权

CSS 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

css代码

 input[type=checkbox]{
            appearance: none;
            -moz-appearance: none;
            -ms-progress-appearance: none;
            -webkit-appearance: none;
            outline: none;
            display: inline-block;
            width: 16px ;
            height: 16px ;
        }

input[type=checkbox]:checked{
            background: url("/images/login/checked@1x.png") no-repeat;     //替换图片
            background-position: center center;                            //图片位置
            background-size: contain;                                      //图片大小
            background-color: #2877ff;
        }