HTML中type＝"radio" 但是在界面中不显示。查看css，使用到了全局
input{-webkit-appearance:none;}
导致type＝“radio”应该显示的小圆圈不显示了。或者说使input失效了
解决方案，可自定义CSS进行处理，CSS方案如下：
<style>
input[type="radio"]{
-webkit-appearance:none;
width: 16px;
height: 16px;
background: #FFFFFF;
border-radius: 30%;
border: 2px solid #9f9f9e;
}
input[type="radio"]:checked{
background: #a6b811;
border-radius: 100%;
}
input[type="radio"]:checked + span{
color: #FFFFFF;
}
input[type="checkbox"]{
-webkit-appearance:none;
width: 16px;
height: 16px;
background: #FFFFFF;
border-radius: 30%;
border: 2px solid #9f9f9e;
}
input[type="checkbox"]:checked{
background: #6adbfb;
border-radius: 100%;
}
input[type="checkbox"]:checked + span{
color: red;
}
</style>
| 
| 加入收藏
| 学校官网
| 田径运动会
| 站点二维码 【我要留言】 
