input标签修改默认样式

html

<input type="checkbox" name="input" id="input">
<label for="input" class="select"></label>

style

.select:after{
    border-radius: 15px;
    height: 26px;
    width: 26px;
    border: 2px solid #D1D1D1;
    display: inline-block;
    margin: 0 0 0 30px;
    top: 3px;
    position: relative;
    content: '';
}
input{
    position: absolute;
}
input[type='checkbox']:checked + .select:after{
    background: #FF7A31;
    border: 2px solid #FF7A31;
}

效果：