html - Firefox で readOnly テキストボックスがクリックされないようにする

Question

firefox で読み取り専用のテキストボックスがクリックされないようにするにはどうすればよいですか?

Firefox では、readOnly 属性を持つテキスト ボックスは、他のブラウザーではクリックできない場所でクリックできます。これにより、テキスト ボックスに書き込み可能であるという意図がユーザーに与えられます。

firefox でどのように回避できますか?

ノート：

フィールドを無効にしたくありません..

Answer 1

CSSを使用する

[readonly]{
    cursor: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}​

デモ： http： //jsfiddle.net/rR6dk/2/

Answer 2

JavaScript を使用して、入力からフォーカスを外すことができます。

$("input").focus(function(){
       $(this).blur();
}); 

css を使用して入力のスタイルを設定し、入力が無効になっているというユーザーの意図を伝えます。

編集：

このフィドルをチェックしてください

Answer 3

このCSSを追加するだけです。Firefox の場合のみ:

[readonly]{
    cursor: default;
    -moz-user-select: none;
    user-select: none;
}​

できます！

Answer 4

テキストボックスを無効にするだけです。

<input type='text' disabled='disabled' />