解决苹果手机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”就能解决问题。