如何自定义radio的样式，更改选中的颜色？

1.html代码

<div class="rdo">

        <input name="sex" id="male" type="radio">

        <label for="male">男</label>

</div> 

<div class="rdo">

        <input name="sex" id="female" type="radio">

        <label for="female">女</label>

</div> 

 

2.样式

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

    content: " ";

    display: inline-block;

    vertical-align: middle;

    width: .853333rem;

    height: .853333rem;

    border-radius: 50%;

    border: .064rem solid #fd8869;

    margin-right: .213333rem;

    box-sizing: border-box;

}

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

    background-color: #fd8869;

    background-clip: content-box;

    padding: .149333rem;

    box-sizing: border-box;

}

input[type="radio"] {

    position: absolute;

    clip: rect(0, 0, 0, 0);

}