ホールドされていないときにフォーカス効果を無効にする

Question

私は、ブートストラップのbtnクラスを使用して独自のボタンを作成しなければなりません。私は、特にボタンテキストのデフォルトの色をオーバーライドする必要があります。私は.button-variantについて知っていますが、私はそれを使用できません（対応するLESSファイルはプロジェクトビルドに含まれていないため、変更できません）。私の不満はここにあります：

.some-company-control(@text-color, @hover-text-color) { 
    color: @text-color; 

    &:hover, 
    &:active { 
    color: @hover-text-color; 
    } 
} 

問題は、ボタンをクリックした後で、デフォルトのブートストラップボタンのテキストの色になります。 &:focusを追加すると、ブートストラップのデフォルトが上書きされますが、クリックされた後でも、それがクリックされた場合のように残ります。私は、ボタンがまだフォーカスされているが、もうホバリングされていないときに、スタイリングを無効にしたいと思います。

ご協力ありがとうございます。

Answer 1

このルールを追加してください：

&:focus:not(:hover) { 
     color: @text-color; 
    }