css - WebKit で読み取り専用入力のテキスト カーソルを表示する

Question

<input value="Default" />
<input readonly value="Readonly" />

http://jsfiddle.net/EBQ3U/

Firefox では、無効な入力フィールドをクリックすると、点滅しないテキスト カーソルが表示されます。Ctrl-A を使用して入力の内容を選択できることをユーザーに伝えるため、この動作が気に入っています。Chrome では、そのような視覚的な表示はありません。入力フィールドを書き込み可能にせずにそれを変更するにはどうすればよいですか?

Answer 1

このコードを CSS --> HTML で追加してみてください

<input value="Default">
<input readonly value="Readonly" id="rd">

そしてCSS-->

#rd
{
cursor:text;
}

それはそれを行う必要があります...それがあなたが望むものなら。