Hintergrundfarbe bei Bool HTML per Zustand ändern

[Lumpenhund]

Hallo zusammen,

ich habe da ein kleines Problem und bin nicht sicher ob das überhaupt geht.

ich möchte gerne den Hintergund (Farbe) eines Bool HTML Widgets bei Zustandsänderung mit ändern.

Bisher habe ich das nur mit dem Hintergund bei Beschriftung geschafft. aber dann ist halt teilweise nur der halbe Button farblich geändert. Und line Height zu ändern ist keine Option, da die schrift oben und nicht mittig sein soll

So sieht mein bisheriger Versuch aus:

Bei false:Temperatur

Bei true:Temperatur

Mein HTML ist leider nicht so fortgeschritten und ich hoffe Ihr könnt mir helfen… oder habt evt eine andere Idee.

Grüße

Lumpe

[Uhula]

Du musst lediglich noch dafür sorgen, dass dein innen liegendes DIV Element genauso groß ist wie das Widget selbst:

FALSE:FALSE

TRUE:TRUE

[Lumpenhund]

Perfekt

Danke.. klappt 100%

Grüße

[Uhula]

Gerne. Bitte vor den Betreff des Themas [gelöst] setzen - dann wissen andere, dass es eine Antwort/Lösung gab.

[Lumpenhund]

Moin,

ist zwar schon älter und eigentlich gelöst, aber es hat sich eine neue Frage zu diesem Thema aufgetan.

Kann mir einer erklären wie ich den Rand komplett schließen kann ohne diese Lücken?

Mein Code sieht folgendermaßen aus:

False:

True:

oder gibt es vielleicht sogar die möglichkeit auf eine css klasse zu verlinken per html?

Danke und Grüße

[LJSven]

Hallo,

wie mache ich das, wenn ich eine halbtransparenz haben möchte für false & true? Sprich bei true, soll der Hintergrund 50% transparent sein, bei false 100% transparent?