Wie Entferne ich den Verlauf auf :active-Zustand?
Ich brauche, um eine Schaltfläche Aussehen flach auf den :active-Zustand.
Lassen Sie uns sagen, zum Beispiel, die ich habe:
CSS:
button {
background:linear-gradient(#fc9, #ed8) /* some light orange gradient */
}
button:hover {
background:linear-gradient(#ed8, #da7) /* some darker orange gradient on hover */
}
button:active {
background:orange; /* And here I need just plane flat orange color */
}
HTML:
<button>Click Me!</button>
Aber statt dessen, bekomme ich die Steigung aus den früheren Zustand.
Gibt es irgendwelche hintergrund-CSS-Eigenschaften zu deaktivieren, die Steigung?
z.B. blackground:liner-gradient-OFF; or background:no-inherit;
- background-image: none;
- Sind Sie sicher, dass
background: orange
nicht bereits tun? Es sollte, da es implizit setztbackground-image: none
dem überschreiben sollten, Ihren Verlauf ein. - Wohoo! Danke Jungs. Scheint, die Frage ist sortiert! background-image:none; schaltet alle vorherigen Gradienten. Zumindest jetzt auf einen Klick habe ich eine flat-orange. @BoltClock ich nicht, warum in meinem Verständnis ist es wohl zu überschreiben, die Verläufe aber in meinem Fall ist es nicht. Bemerkt, dass die Frage nicht zum ersten mal
Du musst angemeldet sein, um einen Kommentar abzugeben.
Was Sie wirklich brauchen, ist dies:
background-image: none
undbackground-color: transparent
und machen es flach, genau wie Sie wollten, meine Antwort ist bereits verfügbar.Sind Sie sicher, dass :active ist der status, den du suchst? Der :active-status zeigt nur, während Sie den Knopf anklicken (Maustaste gedrückt ist). Sobald die Taste losgelassen wird, wird der status nicht mehr :aktiv.