css - Warum kann ich die Checkbox-Farbe nicht ändern?

Checkboxen können nicht gestylt werden. Sie würden ein js-Plugin von Drittanbietern benötigen, es sind viele verfügbar.

Wenn Sie dies selbst tun möchten, müssen Sie das Kontrollkästchen zum Erstellen eines Elements und Stylens nach Belieben ausblenden und dann sein Klickereignis an zwei Funktionen binden, um das Aussehen zu ändern, und um das Klickereignis des Kontrollkästchens zu aktivieren.

Das gleiche Problem tritt auf, wenn Sie versuchen, den kleinen Abwärtspfeil in einem Dropdown-Auswahlelement zu stylen.

Obwohl die Frage beantwortet wird und älter ist, habe ich bei der Erkundung einiger Optionen, um das Styling von Kontrollkästchen zu überwinden, dieses tolle Set von CSS3 nur gestylt von Kontrollkästchen und Optionsfeldern gefunden, die Hintergrundfarben und andere Erscheinungsbilder kontrollieren. Ich dachte, das könnte die richtige Antwort sein.

JSFiddle

Ich hatte das gleiche Problem, versuchte große Eingaben zu verwenden und hatte eine sehr kleine Checkbox. Nach einigem Suchen ist das gut genug für meine Bedürfnisse:

JSFiddle

Vielleicht wird jemand es nützlich finden.

Technisch ist es möglich, die Farbe von irgendetwas mit CSS zu ändern. Wie bereits erwähnt, können Sie die Hintergrundfarbe oder -farbe nicht ändern, aber Sie können CSS-Filter verwenden. Zum Beispiel:

Wenn Sie wirklich nach Designkontrolle über Checkboxen Ausschau halten, ist es am besten, das Kontrollkästchen "Versteckt" zu verwenden und ein angrenzendes Element wie ein div zu gestalten.

Sie können nicht den Hintergrund der Checkbox ändern, aber einige, wie Sie einen Trick tun können, versuchen Sie dies:)

Transparenz vielleicht: Checkbox innerhalb der Spanne