イオンボタンのホバーの背景色の変更を無効にする2

Question

3つのボタンがあります。そのうち2つはngClassによって背景色が変更されています。変更されたボタンのどれかをホバーすると、その背景色がデフォルトに戻ります。この現象を防ぐにはどうしたらいいですか？

画像で私の問題：

ませんホバー画像の下：左上の画像は下記の推移

：

Answer 1

まず、あなたがクラスを追加必要あなたのボタン

<button ion-button class="my-button">AS</button> 

その後、あなたはCSSに、ボタンのホバーの色を設定することができます。

.my-button:hover{ 
    background-color: orange !important; 
} 

Answer 2

あなたはIonic Sass Variablesでも仕事ができます。あなたのケースでは

、それは三つの変数を上書きするために十分であろう：ファイル「テーマ/ variables.scss」