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不能滥用啊,特记之,以告知犯同样错误的朋友们。

       

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。

十二 − 十 =

微信