【问题标题】:Turn off Chrome/Safari spell checking by HTML/css [duplicate]通过 HTML/css 关闭 Chrome/Safari 拼写检查 [重复]
【发布时间】:2011-05-30 06:26:48
【问题描述】:

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

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

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

【问题讨论】:

标签: html css google-chrome spell-checking


【解决方案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-input{outline:none;}
      

      【讨论】:

      • 如果您要摆脱轮廓,通常是因为您已经为:focus 设置了其他视觉提示,而轮廓干扰了它们;将:focus 保留为默认值会导致不同浏览器之间的不连续性。 stackoverflow.com/questions/71074/… 在这种情况下也可能会有所帮助。
      • @Hawken 我已经看到几个网站删除了视觉提示并且不提供任何替代。我可以接受自定义提示,但必须有一些。
      • 如果我没记错的话,问题是关于文本框中的波浪线,当拼写检查认为输入拼写错误时,不是大纲。也就是说,您的回答是众所周知的信息。
      猜你喜欢
      • 2017-01-06
      • 2012-04-18
      • 1970-01-01
      • 2012-06-07
      • 2013-08-19
      • 2010-09-20
      • 2010-10-26
      • 1970-01-01
      相关资源
      最近更新 更多