取消只读按钮“点击动画”

Question

我想取消只读输入的“点击动画”（让它们像禁用按钮一样，我不使用禁用按钮，因为我可以为IE设置样式）。

也许有一种方法可以在点击（在mousedown上）时为提交/按钮设置css样式。

我的意思是类似于悬停css：

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

我更喜欢基于css2的解决方案或基于javascript的解决方案，而不是css3解决方案。

先谢谢！

Answer 1

嗨使用：活动课这将解决您的问题

Answer 2

您正在寻找的伪班级是:active。

顺便说一下，IE 10支持禁用元素的任意样式。

Answer 3

试试这个：

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