–场景
原生input实现单选、复选功能,无法选中,一开始就猜测可能是受某种样式影响,所以对引入的样式进行测试,发现是由于引入了reset.css中的-webkit-appearance: none;这个样式影响。
–说明
-webkit-appearance: none; 去除系统默认appearance的样式,常用于IOS下移除原生样式
–解决
input[type="checkbox"] {
-webkit-appearance: checkbox;
}
input[type="radio"] {
-webkit-appearance: radio;
}