Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Turn off Chrome/Safari spell checking by HTML/css [duplicate]

People also ask

How do I turn off spell check in CSS?

It's not CSS but HTML: spellcheck="false" in your HTML element should do the trick.

How do I turn off spell check in HTML?

Output: Disabling Spell Check in a HTML Form: To disable spellcheck in a HTML form the spellcheck attribute is set to “false”.


Yes, there is the HTML5 spellcheck attribute.

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

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

Update: This is now supported in the latest versions of all browsers.


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.


for all elements of a form it is possible and so:

<form spellcheck="false" .. />

In React, you gotta use spellCheck instead.

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

Regarding outlining of input tags: don't do it, it's a visual cue for users.

But if you must:

#your-input{outline:none;}