在 iPhone/Safari 上禁用输入元素舍入
某些网站可能会遇到这样的问题：文本输入字段在 iPhone/ 上出现不需要的圆角Safari 浏览器。这可能与网站的预期设计相冲突。
CSS 解决方案
要专门在 Safari 上删除圆角，而不影响其他浏览器，请修改输入元素的样式使用 CSS：
<code class="css">input {
-webkit-border-radius: 0;
}</code>用于搜索输入的附加 CSS
对于搜索输入字段，需要附加属性：
<code class="css">input[type="search"] {
-webkit-appearance: none;
}</code>旧版 iOS 版本
对于旧版 iOS 版本（iOS 5 之前的版本），请使用以下 CSS 属性：
<code class="css">input {
-webkit-appearance: none;
}</code>注意： 对于为了兼容不同浏览器和平台，请考虑使用 border-radius 属性标准化圆角，因为 Apple 将来可能会不再支持带前缀的 -webkit-border-radius 属性。
以上是如何删除 iPhone/Safari 上文本输入字段的圆角？的详细内容。更多信息请关注PHP中文网其他相关文章！
