利用css3修改input[type=radio]样式

  css3代码部份

/**利用css3修改input[type=radio]样式**/
.min-input{ position: relative;line-height: 30px;}
.min-input input[type="radio"] ,.min-input input[type="checkbox"] { width: 20px; height: 20px;opacity: 0;}
.min-input label {position: absolute;left: 5px;top: 3px; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #999;}
        /*设置选中的input的样式*/
        /* + 是兄弟选择器,获取选中后的label元素*/
.min-input input:checked+label { background-color: #fe6d32;border: 1px solid #fe6d32;}
.min-input input:checked+label::after { position: absolute;content: "";width: 5px;height: 10px;top: 3px;left: 6px;border: 2px solid #fff;border-top: none;border-left: none;transform: rotate(45deg)}

html代码部份

<input class="min-input" type="radio" />