html更改radio样式

XiaoNan1110

于 2022-08-19 14:38:55 发布

阅读量496

点赞数

分类专栏： css 文章标签： html 前端 css

本文链接：https://blog.csdn.net/xiao_nan1110/article/details/126424571

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏


input[type="radio"]{

-webkit-appearance: none;

}

input[type="radio"] + label::before {

    content: "\a0"; /*不换行空格*/

    display: inline-block;

    vertical-align: middle;

    font-size: 18px;

    width: 1em;

    height: 1em;

    margin-right: .4em;

    border-radius: 50%;

    border: 1px solid #01cd78;

    text-indent: .15em;

    line-height: 1; 

}

input[type="radio"]:checked + label::before {

    background-color: #01cd78;

    background-clip: content-box;

    padding: .2em;

}