CSSでスペルチェックを無効にする

CSSを使用してChrome/Safariでスペルチェックを無効にします。 HTML spellcheck="false"では動作しますが、すべての入力フィールドに影響する方法でこれを実行します。私はinput{spellcheck: disabled}を試しましたが、これはうまくいきませんでした。CSSでスペルチェックを無効にする

出典

2012-02-09 xiphos_

私はこれが可能ではないと思います。 –

JavaScriptを使用する機会はありますか？さもなければ私はそれをしません。見た目は使い勝手を判断しないでください。 – HerrSerker

「CSSではない」と言っている人もいますが、私はこの願いを完全に支持しています。私がスペルチェックを有効にしたいのであれば、私自身の理由から、contenteditable divのいくつかの領域では見えないので、 "隠す"ことができるはずです。私の文脈では、内部のチェックをオンまたはオフにするのではなく、表示に関するものです。 – Pancho

jQueryを使用します。ような何か：

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

これは、ページ上のすべてのテキストボックスのとteatarea年代を検索し、それらに属性spellcheck="false"を追加する必要があります。

出典

2012-02-09 10:38:47 Deadlykipper

注：Safari（私の場合はバージョン9.1.1）でスペルチェックを無効にすると、赤いスペルチェックでアンダーラインが削除されない –

これはCSSの領域に属しません（これは、プレゼンテーションのオプションです）。これは、データをレンダリングするのではなく、データをインタラクティブに処理することに関する文体的な特徴ではありません。

"スペルチェック"（文法とスタイルのチェックが含まれます）をサポートするブラウザでは、JavaScriptで設定可能なspellcheckまたは対応するIDL（DOM）属性が有効です。

実際には、これらのブラウザでは、デフォルトでテキストエリアのみの「スペルチェック」が有効になっている傾向があります。通常、テキストエリアには人間言語のテキストが含まれています。どのような場合でもユーザーが制御可能です（ユーザーは言語を切り替えたり、言語を選択できます）。

出典

2012-02-09 11:08:58

サイトのユーザーがたくさんのURL、ファイルパス、およびコードを書き込むと、すべてのテキストエリアでスペルチェックを無効にすることが賢明かもしれませんあなたがバグ追跡サイトを持っている場合などです。変数名を入力してスペルミスとしてマークするのは面倒ですが、混合コードと英語のスペルチェックでは避けられないことです。 –

CSSでスペルチェックを無効にする

答えて

関連する問題