如何在 Safari 中禁用输入元素舍入？

在 Safari 中禁用输入元素舍入

在为 iPhone 和 Safari 浏览器开发网站时，您可能会遇到文本输入字段显示的问题令人分心的圆形外观与网站的整体设计相冲突。

要纠正此问题并将输入字段呈现为预期的矩形形状，请使用以下 CSS 代码指示 Safari：

<code class="css">input {
  border-radius: 0;
}</code>

对于指定用于搜索目的的输入字段，请使用以下附加 CSS：

<code class="css">input[type="search"] {
  -webkit-appearance: none;
}</code>

如果需要将舍入删除隔离到 iOS 设备，请使用 -webkit-border-radius: 0;财产。不过，请注意，Apple 将来可能会停止支持前缀属性。

对于旧版本的 iOS，请使用 -webkit-appearance: none;相反：

<code class="css">input {
    -webkit-appearance: none;
}</code>

以上是如何在 Safari 中禁用输入元素舍入？的详细内容。更多信息请关注PHP中文网其他相关文章！