ボタンの色を変更するにはどうすればいいですか？

Question

ここで私のウェブサイトをチェックアウトすることができます：https://www.counterboosting.com/buy-csgo-rank-boosting/

「今すぐ購入」ボタンをドラッグすると、緑色にランダムに変わります。誰かがそれをそのままオレンジ色に保つのを助けることができたら。ありがとう！

.col-boosting .btn-pay-rank { 
 
\t height: 65px; 
 
\t font-weight: bold; 
 
\t background: #e06b38; 
 
\t border: none; 
 
\t box-shadow: 0 7px 0 0 #c7511f; 
 
} 
 

 
.col-boosting .btn-pay-rank:hover { 
 
\t height: 65px; 
 
\t background: #dd5a22; 
 
\t font-weight: bold; 
 
\t border: none; 
 
\t box-shadow: 0 7px 0 0 #c7511f; 
 
} 
 

 
.col-boosting .btn-pay-rank[disabled] { 
 
\t height: 65px; 
 
\t font-weight: bold; 
 
\t background: #e06b38; 
 
\t border: none; 
 
\t box-shadow: 0 7px 0 0 #c7511f; 
 
} 
 

 
.col-boosting .btn-default { 
 
\t height: 65px; 
 
\t font-weight: bold; 
 
\t background: #e06b38; 
 
\t border: none; 
 
\t box-shadow: 0 7px 0 0 #c7511f; 
 
} 
 

 
.col-boosting .btn { 
 
\t height: 65px; 
 
\t font-weight: bold; 
 
\t background: #e06b38; 
 
\t border: none; 
 
\t box-shadow: 0 7px 0 0 #c7511f; 
 
} 
 

 
.col-boosting .btn-primary { 
 
\t height: 65px; 
 
\t font-weight: bold; 
 
\t background: #e06b38; 
 
\t border: none; 
 
\t box-shadow: 0 7px 0 0 #c7511f; 
 
} 
 

 
.col-boosting .btn-pay-rank-primary:hover, .col-boosting .btn-pay-rank-primary:focus, .col-boosting .btn-pay-rank-primary:active, .col-boosting .btn-pay-rank-primary.active, .open > .dropdown-toggle.btn-pay-rank-primary { 
 
\t height: 65px; 
 
\t font-weight: bold; 
 
\t background: #e06b38; 
 
\t border: none; 
 
\t box-shadow: 0 7px 0 0 #c7511f; 
 
} 
 

 
.col-boosting .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { 
 
\t height: 65px; 
 
\t font-weight: bold; 
 
\t background: #e06b38; 
 
\t border: none; 
 
\t box-shadow: 0 7px 0 0 #c7511f; 
 
} 
 

 
.col-boosting .btn-primary:active, .col-boosting .btn-primary.active { 
 
\t height: 65px; 
 
\t font-weight: bold; 
 
\t background: #e06b38; 
 
\t border: none; 
 
\t box-shadow: 0 7px 0 0 #c7511f; 
 
}

あなたが見ることができるように、私はほとんどすべてを試してみましたが、私は解決策を見つけるように見えることはできません。助けていただければ幸いです。ありがとう！

Answer 1

あなたはそれが焦点を当てた/アクティブなとき、このルールはあなたのボタンが緑色になり

.btn-success:hover, 
.btn-success:focus, 
.btn-success.focus, 
.btn-success:active, 
.btn-success.active, 
.open>.dropdown-toggle.btn-success { 
    color: #fff; 
    background-color: #449d44; 
    border-color: #398439; 
} 

をオーバーライドする必要がルールを持っています。したがって、それを上書きするか、ボタンのスタイル、フォーカスとアクティブ状態のスタイルに含める必要があります。これは動作するはず

.col-boosting .btn-pay-rank:hover, 
.col-boosting .btn-pay-rank:focus, 
.col-boosting .btn-pay-rank:active { 
    height: 65px; 
    background: #dd5a22; 
    font-weight: bold; 
    border: 0; 
    box-shadow: 0 7px 0 0 #c7511f; 
} 

：

あなたはこのような何かを試すことができます。

HTH。