通过 HTML/css 关闭 Chrome/Safari 拼写检查 [重复]

Posted 2023-03-05

【中文标题】通过 HTML/css 关闭 Chrome/Safari 拼写检查 [重复]

【英文标题】：Turn off Chrome/Safari spell checking by HTML/css [duplicate]

【发布时间】：2011-05-30 06:26:48

【问题描述】：

有没有办法让网络开发人员关闭 Chrome/Safari/WebKit 对特定 input 或 textarea 元素的拼写检查？我的意思是通过特殊的标签属性或专有的 CSS 指令。

有一个 CSS 指令可以关闭 inputs 的轮廓，所以我认为它也可能存在。我知道用户如何做到这一点。

或者，作为用户，我可以为某些特定域禁用它吗？

【问题讨论】：

Disable spell-checking on html textfields 的完全相同的副本，使用时间约为 5 年。猜测版主正忙于解决更多合法问题。

【参考方案1】：

是的，有 HTML5 拼写检查属性。

<textarea spellcheck="false"> 或 <input type="text" spellcheck="false">

http://www.whatwg.org/specs/web-apps/current-work/multipage/editing.html#spelling-and-grammar-checking

更新：所有浏览器的最新版本现在都支持此功能。

【讨论】：

它似乎不适用于 Safari Mobile。我有一个输入要禁用拼写检查，即使属性拼写检查设置为 FALSE，iPad 也会继续提供拼写建议。 :(

在 chrome android 67 中没有这样做：/

【参考方案2】：

这适用于 Safari 7.1，也应该适用于其他版本：

<input autocomplete="off" autocorrect="off" autocapitalize="off" 
spellcheck="false"/>

只有spellcheck="false" 不起作用。

【讨论】：

对于 ios Safari，这是要走的路。

【参考方案3】：

对于表单的所有元素都是可能的，所以：

<form spellcheck="false" .. />

【参考方案4】：

在 React 中，您必须改用 spellCheck。

<input spellCheck=false type="text"/>

【参考方案5】：

关于输入标签的概述：不要这样做，这是给用户的视觉提示。

但如果你必须：

#your-inputoutline:none;

【讨论】：

如果您要摆脱轮廓，通常是因为您已经为:focus 设置了其他视觉提示，而轮廓干扰了它们；将:focus 保留为默认值会导致不同浏览器之间的不连续性。 ***.com/questions/71074/… 在这种情况下也可能会有所帮助。

@Hawken 我已经看到几个网站删除了视觉提示并且不提供任何替代。我可以接受自定义提示，但必须有一些。

如果我没记错的话，问题是关于文本框中的波浪线，当拼写检查认为输入拼写错误时，不是大纲。也就是说，您的回答是众所周知的信息。