通过 HTML/css 关闭 Chrome/Safari 拼写检查

有没有办法 对于一个网络开发者来说关闭 Chrome/Safari/WebKit 对特定 input或 textarea元素的拼写检查？我指的是特殊的标记属性或专有的 CSS 指令。

有一个关闭 input轮廓的 CSS 指令，所以我认为它可能也存在。我知道用户是怎么做到的。

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

53893 次浏览

小开

最佳答案

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

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

更新: 现在所有浏览器的最新版本都支持这一点。

小开

关于输入标签的轮廓: 不要这样做，这是给用户的一个可视化提示。

但如果你必须这么做:

#your-input{outline:none;}

小开

这可以在 Safari 7.1中使用，也可以在其他浏览器中使用:

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

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

小开

对于一种形式的所有要素都是可能的，因此:

<form spellcheck="false" .. />

小开

在 React 中，你必须使用 spellCheck代替。

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