如何MUI改变单选框组件的样式

MUI中单选框组件默认的样式为如下的圆圈样式，

要改成对号的样式，只需要在CSS文件中添加以下样式：

.mui-radio input[type='radio']:checked:before {
    content: '\e442';
}

效果图： 

 

附：HTML代码

<div class="mui-input-row mui-radio">
   <label>偶尔</label>
   <input name="searchType" type="radio" value="1" checked>
</div>
<div class="mui-input-row mui-radio">
   <label>经常</label>
   <input name="searchType" type="radio" value="0">
</div>
<div class="mui-input-row mui-radio">
   <label>从来不</label>
   <input name="searchType" type="radio" value="-1">
</div>