将样式应用于输入：active .className？

Question

我有一个输入类型提交：

 <input type="submit" class="redButton" value="Cancel"/>

但是这种风格在主动点击时不适用。它对输入不起作用吗？

input:active .redbutton {
   -webkit-transform: translate(1px, 1px);
   box-shadow: none;
}

Answer 1

你必须这样写：

input.redbutton:active

但是你可能想要使用“焦点”而不是主动。所以一定是：

input.redbutton:focus