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

126

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

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

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

html css google-chrome spell-checking

— 耕田
source

3

与HTML文本字段上的禁用拼写检查完全相同的副本，大约5年。猜猜主持人正忙于解决更多合法问题。

— Dan Dascalescu 2015年

211

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

<textarea spellcheck="false"> 要么 <input type="text" spellcheck="false">

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

— 高拉夫
source

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

— ThiagoPXP 2013年

没有在Chrome安卓67中做到这一点：/

— Ray Foss

36

这在Safari 7.1中有效，在其他情况下也应有效：

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

只是spellcheck="false"没有用。

— 蒂莫·卡科宁（TimoKähkönen）
source

7

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

<form spellcheck="false" .. />

— MTM
source

3

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

但是，如果您必须：

#your-input{outline:none;}

— 卡米洛·马丁（Camilo Martin）
source

3

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

— 霍肯，2012年

2

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

— 卡米洛·马丁

1

问题是关于拼写检查认为输入拼写错误的文本框中的波浪线，而不是概述（如果我没有记错的话）。就是说，您的答案是众所周知的信息。

— MrBoJangles 2015年

2

在React中，您必须使用spellCheck。

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

— 保罗·拉兹万·伯格
source