HTML：カーソルは読み込み専用テキストで表示されますか？

私の解決策、nikmd23のjQueryスニペットから、よりうまくいくように見えるblur（）関数

$('input[readonly]').focus(function(){
    this.blur();
});

ここの例：http://jsfiddle.net/eAZa2/

フォームがフォームの一部であるときに入力が送信されないため、属性「disabled」を使用しないでください

readonly 属性を無効に変更すると、入力ボックスをクリックすることができなくなり、カーソルも表示されなくなります。

ブラウザによっては、テキストを選択することができない場合もあります。

I've provided examples of the various input states here: http://jsfiddle.net/hqBsW/1/

もう1つの選択肢は、ユーザが与えられた入力要素にフォーカスしたときにテキスト選択を強制することです。この制御の振る舞いの変更は、入力が制限されているという事実にユーザーをより簡単に導き、最終的な使用例であれば非常に簡単にコピーできるようにします。

jQueryを使用して、次のような選択コードを記述します。

$('input[readonly]').focus(function(){
    this.select();
});

I've updated the example to show this behavior in action: http://jsfiddle.net/hqBsW/2/

それはhtmlとjavascriptを使って行うことができます

<input type="text" onfocus="this.blur()" readonly >

jQueryを使用してグローバルに

$(document).on('focus', 'input[readonly]', function() {
        this.blur();
    });

タグのスタイル属性を設定することも、クラス属性の値を設定してタグにCSSクラスを追加することもできます。問題を解決するには、カーソルを設定します。詳細はこちらをご覧ください。また、このタグのカーソルを設定するいくつかのルールがある場合、あなたのCSSルールに！importantを追加することができます。 ！重要なこちらについてさらに読むことができます。

私がこれで見つけた唯一の方法は

//FIREFOX
$('INPUT_SELECTOR').focus(function() {
                $(this).blur();
            });
//INTERNET EXPLORER
$('INPUT_SELECTOR').attr('unselectable', 'on');
KENDO
$('.k-ff .k-combobox>span>.k-input').focus(function() {
                $(this).blur();
            });
$('.k-ie .k-combobox>span>.k-input').attr('unselectable', 'on');

CSS を使用できます：

input {pointer-events:none;}

Reference: https://developer.mozilla.org/pt-BR/docs/Web/CSS/pointer-events

CSS のみの修正の場合は、次のようにします：

input[readonly] {
  pointer-events: none;
}