android 单选按钮横置,input radio如何实现横向布局

我这边要实现通过radio横向布局选择男女，目前checked时 内部圆心是不显示的，怎么去解决呢？

input[type=radio]{

height: 26px;

left: 35%;

position: absolute;

top: 5px;

width: 28px;

border: none;

display: inline-block;

-webkit-appearance: none;

background-color: transparent;

outline: 0!important;

}

input[type='radio']:before{

font-family: Muiicons;

font-size: 28px;

font-weight: 400;

line-height: 1;

color: rgba(170,170,170,.6);

content: "\e411";

}

input[type='radio']:checked{

}

input[type='radio']:checked,input[type='radio']:checked:before{

color: #007aff;

}

input[type='radio']:last-child{

left: 60%;

}

#man{

position: absolute;

left: 40%;

top: 2px;

}

#women{

top: 2px;

position: absolute;

right: 0px;

}

性别

男

女