iOS下移除按钮原生样式

2015.02.04 22:00 bizhongbio 1499 0

使用按钮时,在 Android 手机浏览器中显示正常,但在 iOS Safari 浏览器中会看到按钮显示为圆角样式,设置 border-radius: 0; 也不好使。

这是因为 iPhone、iPad 设备上的 Safari 解析 input[type="submit"] 和 input[type="reset"] 按钮会以苹果浏览器的默认 UI 渲染,这样就出现了我们不需要的样式。

解决的方法是在 CSS 按钮样式代码中添加一行代码(重置样式):

在 CSS 代码中添加“-webkit-appearance: none;”是告诉浏览器我们不希望按钮按苹果的默认 UI 来渲染。

通常,在 CSS 中添加以下整合代码:

感谢你的阅读,本文版权归 双鱼bizhongbio 所有,转载时请注明出处。
注明出处格式:双鱼bizhongbio(https://bizhongbio.github.io/article/remove-ios-native-style-button/

这一刻,一只鱼已经游到下游了

这一刻,另一只鱼已经游到上游了

分享到

相关文章

暂无评论

  1. 还没有任何评论,你来说两句吧。

发表评论