css - 将样式应用于输入：活动的.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