input单选框——自定义样式

方法一：

给input添加

-webkit-appearance: none;

隐藏默认样式。然后添加自己的样式就好了。

例如：

.radioBox input{
   
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 50%;
    outline: none;
    margin-right: 22px;
    cursor: pointer;
}

 </