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

Question

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

也许有一种方法可以在单击（鼠标按下）时为提交/按钮设置 css 样式。

我的意思类似于悬停css：

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

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

预先感谢！

Answer 1

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

Answer 2

您要查找的伪类是:active.

顺便说一句，IE10 支持禁用元素的任意样式。

Answer 3

试试这个：

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