拼写检查禁用CSS而非HTML

Question

我想使用CSS禁用Chrome / Safari中的拼写检查。在HTML spellcheck="false"中有效，但我希望以影响所有输入字段的方式执行此操作。我试过input{spellcheck: disabled}，但这没效果。

Answer 1

使用jQuery。类似的东西：

$(document).ready( function() {
    $("input[type='text'], textarea").attr('spellcheck',false);
});

这应该搜索页面上的所有文本框和文本区域，并将属性spellcheck="false"添加到它们。

Answer 2

这不属于CSS领域（这是可选的表示性建议）。它不是关于渲染数据的风格特征，而是关于以交互方式处理数据。

在支持“拼写检查”（可能涉及语法和样式检查）的浏览器上，HTML属性spellcheck或相应的IDL（DOM）属性（可在JavaScript中设置）有效。

在实践中，这些浏览器往往默认为textareas启用“拼写检查”，而textareas通常包含人类语言文本，关闭它听起来并不有用。它在任何情况下都是用户可控的（用户可以关闭它或选择语言）。