javascript - 読み取り専用ボタンの「クリックされたアニメーション」をキャンセル

Question

読み取り専用入力の「クリックされたアニメーション」をキャンセルしたい（無効なボタンのように動作させます。IE用にスタイルを設定できるため、無効なボタンは使用しません）。

おそらく、クリックされたとき（マウスダウン時）に送信/ボタンのcssスタイルを設定する方法があります。

ホバーCSSに似たものを意味します：

input[readonly] { color: blue } 
input[readonly]:hover { color: red }
input[readonly]:mouseover { color: green }

css3 ソリューションよりも、css2 ベースのソリューションまたは javascript ベースのソリューションをお勧めします。

よろしくお願いします！

Answer 1

こんにちは使用：アクティブクラスこれはあなたの問題を解決します

Answer 2

あなたが探している疑似クラスはです:active。

ところで、IE10は無効な要素の任意のスタイルをサポートしています。

Answer 3

これを試して：

input[readonly]{ color: blue } 
input[readonly]:hover { color: red }
input[readonly]:active { color: green }