Ich nutze Version 3.22.10+200323 und möchte die Designvorlage Fruity für unsere Nutzung jeweils farblich anpassen. Bei der Progress Bar, bei der Schrift und den Antwort-Labels ist das auch mit Einträgen in der custom.css gut gelungen.
Aber der "weiter"-Button macht mir Probleme. Die Background-Color wechselt hier ja, je nach Klick und Position des Cursors. Welche Einträge sind hier notwendig?
.btn-primary - habe ich geändert, aber sobald ich über den Button komme, ist er wieder grün. Das Entwickler-Werkzeug zeigt den verbliebenen grünen Hintergrund nicht an. Mit anderen .btn background-color Einträgen habe ich rumprobiert, ohne Erfolg.
Zudem habe ich den merkwürdigen Effekt, dass mir nach dem Anklicken kurz ein grünes "weiter (2)" angezeigt wird. Wo nun diese "(2)"herkommt, verstehe ich erst recht nicht.
Der "weiter (2)" - Effekt rührt wohl daher, dass die Befragung aus einer früheren
2.x -Version importiert wurde. Dieser spezielle Aspekt meines Posts ist damit erledigt.
Du musst nicht nur den Hintergrund das "jungfräulichen" Buttons ändern, sondern auch
wenn man mit der Maus darüberfährt, nennt man "hover"
und wenn der Button geklickt ist, nennt man "active".
Suche also diese beiden "Pseudoklassen"
.btn-primary:hover
.btn-primary:active