Wie ändere ich Button CSS Click/Drag Farbe?

-3

Sie können meine Website hier überprüfen: https://www.counterboosting.com/buy-csgo-rank-boosting/Wie ändere ich Button CSS Click/Drag Farbe?

Wenn Sie die Schaltfläche "Buy Now" ziehen, wird es zufällig grün. Wenn mir jemand helfen könnte, es so orange zu halten wie es ist. Vielen Dank!

.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; 
 
}

Wie Sie sehen können, habe ich alles ziemlich versucht, und ich kann nicht eine Lösung zu finden scheinen. Einige Hilfe würde sehr geschätzt werden. Vielen Dank!

Quelle

2016-04-09 2000mroliver

Willkommen bei Stack Overflow! Fragen, die Code-Hilfe suchen, müssen den kürzesten Code enthalten, der für die Reproduktion in der Frage selbst erforderlich ist **. Obwohl Sie einen [** Link zu einer Site oder einem Beispiel **] angegeben haben (http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work) Wenn Sie die Verknüpfung ungültig machen möchten, ist Ihre Frage für andere zukünftige SO-Benutzer mit demselben Problem nicht von Bedeutung. –

in Ordnung, ich verstehe, ich muss noch jemanden als Antwort auswählen – 2000mroliver

Sie haben Regel, die Sie

.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; 
}

diese Regel macht die Taste grün außer Kraft setzen müssen, wenn es aktiv ist/fokussiert. Sie müssen sie also überschreiben oder in den Stil Ihrer Schaltfläche, Stil für Fokus und aktive Zustände einbeziehen.

Sie können so etwas wie dies versuchen:

.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; 
}

Diese funktionieren sollte.

HTH.

Quelle

2016-04-09 14:42:07 Konrud

Vielen Dank! Trotz der 3 Downvotes, die ich auf meinen Posten bekommen habe, hast du immer noch eine Antwort für mich gefunden. Es funktioniert perfekt, danke! – 2000mroliver

Wie ändere ich Button CSS Click/Drag Farbe?

Antwort

Verwandte Themen