html - 無効なフィールド上のハンド カーソル

Question

HTML入力テキストフィールドで作業していますが、テキストフィールドにカーソルを合わせたときにカーソルを強制的に手にしたいと考えています。テキスト フィールドは読み取り専用であるため、カーソルを合わせるとキャンセル記号 (斜線付きの円) が表示されます。使用しています

フィールドのcssクラスですが、そうではありません

.rdonly
{
cursor: hand;
cursor: pointer;
}

テンプレートで

<input type= "text" readonly class="rdonly"/>

Answer 1

あなたが試すことができます ：

.rdonly:hover
{
   cursor: pointer;
}

http://jsfiddle.net/GJ4TS/

問題は、あなたのコードをjsfiddleで試してみると、うまくいくということです...

Answer 2

私はそれが古いスレッドであることを知っていますが、正しい解決策は次を追加することであるはずなので、それでも答えます[readonly]：

input[readonly]
{
    cursor: pointer;
}