Switch/push/button hintergrund immer transparent .. wie?

[HB86]

Hallo,

wie krieg ich das hin, dass der Hintergrund der Buttons, Push usw. immer transparent ist ohne das bei jedem Element einzeln einzustellen?

Habe in die user css schon folgendes eingefügt:

Code Auswählen Erweitern


.symbol.on{color:#aa6900;background-color:#transparent;}
.symbol.off{color:#2A2A2A;background-color:#transparent;}
.switch.on{color:#aa6900;background-color:#transparent;}
.switch.off{color:#2A2A2A;background-color:#transparent;}
.link{color:#aa6900;}


Leider funktioniert das so nicht.
Jemand ne Idee?

[Tobias]

ich habe es so:

Code Auswählen Erweitern

data-background-icon="-"

[HB86]

Wäre auch ne variante, ich wollt das aber bisschen "eleganter" lösen und das nicht bei jedem Element einzeln eingeben.

Zudem müsste ich dann auch bei jedem Element data-on-color und data-off-color seperat einstellen.

[setstate]

dafür müsste sowas in das User CSS

Code Auswählen Erweitern


i#bg {
    color: transparent !important;
}


[HB86]

Danke .. das funktioniert!

Aber wie stelle ich die data-on-color und data-off-color global ein?

[setstate]

So wie in deinem ersten Post, in den pseudo classes ändern. Die werden beim Initialisieren der Widgets ausgelesen. Nur "#transparent" gibt es nicht, nur "transparent"

[HB86]

so hab ich das jetzt in der user css stehen:

Code Auswählen Erweitern


.symbol.on{color:#aa6900;background-color:transparent;}
.symbol.off{color:#d1d1d1;background-color:transparent;}
.switch.on{color:#aa6900;background-color:transparent;}
.switch.off{color:#d1d1d1;background-color:transparent;}
.link{color:#aa6900;}


Nur leider funktioniert das nicht!
Jemand ne Idee?