ボタンをクリックすると、ボタンが押されたままです。

Question

再利用可能なボタンを開発しています。私が直面していた問題は、ボタンをクリックしても元のスタイルにならないということです。以下は、LESSファイルのスナップショットです。

.some-company-primary-button { 
    .material; 

    color: @some-company-primary-button-text-color; 
    background: @some-company-primary-button-color; 

    &:hover, 
    &:focus, 
    &:active, 
    &.focus, 
    &.active { 
    color: @some-company-primary-button-text-color; 
    background: @some-company-primary-button-hover-color; 
    } 
} 

ありがとうございました！

変更:focusルール：

EDIT私はあなたが「他の何かがクリックされるまで、そのオリジナルのスタイルを取得していない」を意味すると仮定すると、ブートストラップbtnクラス

Answer 1

でそれを使用しています。

コントロールをクリックすると、別の場所にフォーカスが移動するまでフォーカスが移動します。