chrome和安卓手机浏览器不显示input radio样式的解决办法

作者: 杨圣亮分类: 前端开发发布时间: 2017-06-28 19:02:50

这几天写前端专题，碰到个问题，input radio单选，在安卓手机浏览器和chrome上死活不显示,一片空白，当然也选择不了。网上查了很久，也没找到解决办法。于是直接用input 写了几个radio，显示正常。寻思着，肯定是css在作怪了，于是找了所有和input相关的css,终于找到了一句：

input,textarea,select{-webkit-appearance:none}

干掉了 webkit核心浏览器的input默认样式,导致了这个悲剧，注释掉这一句，海阔天空了，input再无问题,看来，css不能滥用啊,特记之，以告知犯同样错误的朋友们。