如何删除 iPhone/Safari 上文本输入字段的圆角？

在 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中文网其他相关文章！