前端技术-有没有办法屏蔽掉Google Chrome 浏览器 textarea 单词拼写检测?

前端技术-有没有办法屏蔽掉Google Chrome 浏览器 textarea 单词拼写检测?

夜无邪 发布于 2017-05-21 字数 267 浏览 1299 回复 3

Chrome等浏览器下,当鼠标焦点在input、textarea这些元素上时,浏览器会默认的会给它们加上黄色的边框,还有用户可以改变testarea的大小,但是可以通过修改以下样式去掉

textarea:focus {outline: none;}
textarea {resize:none;}

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

甜柠檬 2017-10-01 3 楼

可以使用html5的spellcheck属性来关闭对元素内容进行拼写检查。

<!—以下两种书写方法正确-->
<textarea spellcheck="true" >
<input type=text spellcheck="false">
<!—以下书写方法为错误-->
<textarea spellcheck >

spellcheck属性是HTML 5针对input元素(type=text)与textarea这两个文本输入框提供> 的一个新属性,它的功能为对用户输入的文本内容进行拼写和语法检查。spellcheck属性是一> 个布尔值的属性,具有true或false两种值。但是它在书写时有一个特殊的地方,就是必须明> > 确声明属性值为true或false
需要注意的是,如果元素的readOnly属性或disabled属性设为true,则不执行拼写检查
目前除了IE之外,Firefox、Chrome、Safari、Opera等浏览器都对该属性提供了支持。

浮生未歇 2017-07-16 2 楼

http://www.w3school.com.cn/html5/att_global_spellcheck.asp

spellcheck 属性规定是否对元素内容进行拼写检查。可对以下文本进行拼写检查:
类型为 text 的 input 元素中的值(非密码)
textarea 元素中的值
可编辑元素中的值

甜柠檬 2017-05-21 1 楼

google自己本身就有好例子,在google翻译看到的,他们的textarea的属性是这么写的:

 <textarea id="source" name="text" wrap="SOFT" tabindex="0" dir="ltr" spellcheck="false" autocapitalize="off" autocomplete="off" autocorrect="off" style="box-sizing: border-box; overflow-y: hidden; overflow-x: auto; padding-right: 20px; " class="goog-textarea"></textarea>

加了spellcheck="false" autocapitalize="off" autocomplete="off" autocorrect="off"好几个属性,基本上能满足多种浏览器需求,可以借鉴一下