Styling von Checkboxen und Radiobuttons

Wieder einmal ein Linktipp: Customizing web forms with CSS3 and WebKit

Leider funktionieren diese Styles, so wie sie im Artikel dargestellt werden, nur in WebKit-basierten Browsern, also im Safari, Chrome oder den Standard-Browsern von Android und iOS. Aber wenn diese Styles nicht angewandt werden können springt der jeweilige Browser auf die normale Darstellung zurück, wie üblich in CSS. Da der Artikel jedoch schon relativ alt ist hat sich u.U. inzwischen bei den anderen Browser etwas getan und man kann diese Techniken (nahezu) überall anwenden.

Und zu guter Letzt noch ein Beispiel wie das aussehen kann:

Benjamin Hofmann

Senior Web-Entwickler bei infomax am Standort Bremen

Share
Published by
Benjamin Hofmann

Recent Posts

Smashing Conference 2026 in Amsterdam

Dieses Jahr wurde es wieder einmal Zeit, eine Smashing Conference zu besuchen, diesmal in der…

7 Tagen ago

Wie man ein Selfie mit Kevin Powell bekommt

"Wir sind dann nächste Woche auf der SmashingCon. Sollen wir jemandem was aus Amsterdam mitbringen,…

2 Wochen ago

imx.Platform Lab 2026: Zukunft im Blick

Gelebtes Anwenderforum Das imx.Platform Lab ist mehr als ein weiterer Termin in Ihrem Kalender. Es…

2 Wochen ago

imx.Platform News: MCP-Endpunkt, Aufgaben-Modul und neue KI-Funktionen

Inhalte aus der imx.Platform werden für KI-Systeme noch besser zugänglich und redaktionelle Arbeit wird effizienter…

2 Wochen ago

imx.Platform @The Future of German Media

Summit in Hannover, Zeit für Perspektivwechsel. Neue Perspektiven erweitern den Horizont, ermöglichen persönliches Wachstum und…

2 Monaten ago

#imxkickoff2026: Neues Jahr, neue Challenge.

Der #imxkickoff 2026 führt unser Team für drei inspirierende Tage in winterlicher Kulisse zusammen. Zwischen…

3 Monaten ago