解决苹果手机ios safari浏览器中输入框有圆角、投影的问题
2015-11-09 16:21:45
609
苹果手机ios浏览器Safari 看网页时一些输入框都会变成带圆角的显示，如果希望页面在所有浏览器上看的效果一致，可关闭这个圆角特性。
只需要给 input 或者 textarea 增加如下 CSS 即可：
-webkit-appearance: none;
border-radius: 0;
另外，使用html5编写页面在移动app中嵌套，总会涉及到按钮的使用，在android手机浏览器中显示正常，但在ios safari浏览器中会看到按钮显示为圆角样式，设置border-radius:0也不好使，其实添加css “-webkit-appearance”就能解决问题。
