Styling von Checkboxen und Radiobuttons

Benjamin Hofmann Datum: 23. Februar 2012
Autor: Benjamin Hofmann

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:

Dieser Artikel wurde verschlagwortet unter:

Technologie User Experience & Design

Kommentare

Selber kommentieren:






Weitere Beiträge zum Thema Technologie

Builder Pattern Eclipse Plugin

Autor: Christian Göbel

Technologie

J. Bloch schildert in „Effective Java“ die Vorzüge des Builder Patterns, insbesondere bei Konstruktoren mit mehr als 4 Parametern: verbesserte Lesbarkeit, vor allem bei einer Vielzahl an optionalen Parametern konsistente, in sich abgeschlossene Erzeugung von unveränderlichen Objekten (im Vergleich zur Erzeugung mittels JavaBean Settern) Trotzdem ist das Schreiben des Builder-Codes ein wenig zeitaufwändig. Mittels dieses …


Beitrag lesen
05
JUL
12

Der „Checkbox-Hack“ oder wie mache ich eine Weiterlesen-Funktion

Autor: Florian Müller

Technologie

Da ich immer wieder von Unsicherheiten für eine Weiterlesen-Funktion lese, wollte ich euch eine schöne und schnell zu implementierende Möglichkeit zeigen, wie man diese auch Implementieren kann. Diese wurde mir von Benni vor ein paar Wochen vorgestellt und ist auch schon bei ein paar Projekten im Einsatz. Die HTML Struktur ist relativ einfach und kann …


Beitrag lesen
01
AUG
16

AJAX Ladeschnecke ohne Bilder oder zusätzlichem CSS

Autor: Stefan Oswald

Technologie // User Experience & Design

Der Anwendungsfall tritt sehr oft ein: Eine Ergebnisliste soll nachgefiltert werden, und zur Visualisierung, dass gerade etwas im Hintergrund passiert, soll eine „Ladeschnecke“ (oder vielleicht etwas old-school-mäßig ein Fortschrittsbalken) angezeigt werden. Oftmals wird das so umgesetzt, dass man im „beforeLoad“-Ereignis des AJAX-Calls eine animierte Grafik hinzufügt, welche im „complete“-Ereignis wieder entfernt oder unsichtbar gemacht wird. …


Beitrag lesen
23
JUL
14

There are only two hard things in Computer Science

Autor: Christian Göbel

Technologie

Rückblickend auf unseren gestrigen Workshop ein passendes Zitat: „There are only two hard things in Computer Science: cache invalidation and naming things.“ (Phil Karlton) Nachzulesen z.B. bei Martin Fowler.


Beitrag lesen
30
APR
13