css 改变原始checkbox的样式

最新推荐文章于 2022-06-23 23:42:52 发布

HILL_9

最新推荐文章于 2022-06-23 23:42:52 发布

阅读量194

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/HILL_9/article/details/107361838

版权

css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

标题css checkbox样式

input[type='checkbox']{
    width: 20px;
    height: 20px;
    background-color: #fff;
    -webkit-appearance:none;
    border-radius: 2px;
    outline: none;
    border: 2px solid #b23dfa;
    float: left;
    margin-top: 0;
    margin-right: 0 !important;
}
input[type="checkbox"]:checked {
    background: url(/UI/Image/对勾.png) ; /*复选框的背景图*/
    background-size: contain;
}

然后 “对勾.png”需要自己去下载喽！可以去阿里巴巴矢量图网站下载，（https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2）下载的图片不要太大哦
在这里插入图片描述