css - input: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