Turn off Chrome/Safari spell checking by HTML/css
HtmlCssGoogle ChromeSpell CheckingHtml Problem Overview
Is there a way for a web developer to turn off Chrome/Safari/WebKit's spellchecking on particular input
or textarea
elements? I mean either by special tag attribute or a proprietary CSS instruction.
There is a CSS instruction for turning off outlining of input
s so I thought that might also exist. I know how a user can do it.
Or, as a user, can I disable it for some particular domain?
Html Solutions
Solution 1 - Html
Yes, there is the HTML5 spellcheck attribute.
<textarea spellcheck="false">
or <input type="text" spellcheck="false">
Update: This is now supported in the latest versions of all browsers.
Solution 2 - Html
This works in Safari 7.1 and should work also in others:
<input autocomplete="off" autocorrect="off" autocapitalize="off"
spellcheck="false"/>
Only spellcheck="false"
didn't work.
Solution 3 - Html
for all elements of a form it is possible and so:
<form spellcheck="false" .. />
Solution 4 - Html
In React, you gotta use spellCheck
instead.
<input spellCheck={false} type="text"/>
Solution 5 - Html
Regarding outlining of input tags: don't do it, it's a visual cue for users.
But if you must:
#your-input{outline:none;}