"input checkbox" Hintergrundfarbe ändern

  • Hallo,


    wenn man zum Beispiel beim Anmelden das Feld "Dauerhaft angemeldet bleiben" anklickt, erscheint ein Haken im blauen Hintergrund.

    Ich möchte allerdings gerne den Haken im grünen Hintergrund haben. Habe es schon mit folgenden Code versucht, allerdings leider nicht hinbekommen....


    CSS
    input[type="checkbox" i] {
        background-color: #19a75d;
    }

    Liebe Grüße

    Niklas

  • Alexander Ebert

    Changed the title of the thread from “"input checkout" Hintergrundfarbe ändern” to “"input checkbox" Hintergrundfarbe ändern”.
  • Funktioniert irgendwie noch nicht. Ich möchte ja nur die standardmäßige Hintergrundfarbe der Checkbox (blau) in grün ändern.

    Liebe Grüße

    Niklas

    • Official Post

    Das lässt sich nicht einstellen, da es sich dabei um ein Kontrollelement des Browsers handelt. Theoretisch lässt sich das durchaus unterdrücken, aber nur, in dem man alle Stile des Browsers für das Element mit appearance: none abschaltet (Tipp: Das will man nicht.). Die Eigenschaft unterscheidet sich je nach Browser, daher muss man im Zweifel mehrere Varianten parallel angeben, siehe https://caniuse.com/#feat=css-appearance.

    Alexander Ebert
    Senior Developer WoltLab® GmbH

  • "Funktioniert irgendwie noch nicht" ist keine hilfreiche Aussage um dein Anliegen zu lösen. Das musst du schon genauer definieren.

  • Technisch ist das allerdings nur so effektiv umsetzbar. Das Standard-Design dieser Checkboxen wird vom Browser in Verbindung mit dem jeweiligen Betriebssystem vorgegeben. Eine Anpassung der Checkbox selbst ist nur eingeschränkt möglich, wodurch man Umwege wie die Nutzung von weiteren Elementen wie in dem Link beschrieben gehen muss. Auch, wenn du „nur“ die Hintergrundfarbe ändern möchtest.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!