マウスアイコン/ cssを変更せずに読み取り専用入力？

echo '<input type="text" class="form-control" value="' . $server->address . ":" . $server->connection_port . '">';

この入力に対して読み込み専用モードを使用していますが、その入力領域のホバー上でCSSまたはマウスアイコンを変更することはありませんか？マウスアイコン/ cssを変更せずに読み取り専用入力？

2016-12-23 Nikola

要件のより良い例を教えてください。たとえば、要素を読み取り専用にすることを尋ねる場合、HTMLの出力に使用しているPHPと同様に、その値は問題とは関係ありません。参照：http://stackoverflow.com/help/mcve – Moob

jQueryを使用してattr()methodあなたは以下のようにreadonly attributeを追加することができます。これは追加方法ですが、残りのコードを追加してより良い出力を得ることができます。

$(document).ready(function(){ 
 
\t $(".form-control").attr('readonly','true'); 
 
});

.form-control:hover{ 
 
    background:blue; 
 
    transition:1s ease; 
 
    outline:none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" value="Name" class="form-control">

2016-12-23 15:52:33 frnt

すべての入力を読み取り専用にするのか、それとも1つだけにするのでしょうか？ – Nikola

@Nikola上記のコードはすべて1つだけをターゲットにするため、入力タグに含まれているクラスまたはIDで上記の入力を置き換える必要があります。 – frnt

@Nikolaエラーの完全なコードと適切な説明を投稿すると、適切な出力が得られます。 – frnt

答えて