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

Integrationskomponente imxTools Tag 2.2.0 released

Autor: Bastian Schwarz

Technologie

Heute wurden von mir, mit Vorarbeit von Bastian die Services zur Abfrage des Schneeforums bereitgestellt. Es wird als Erweiterung dazu bald noch Object-Wrapper geben, die im Portal dann verwendet werden. Diese Wrapperobjekte erfüllen zwei Ziele. Zum einen bieten sie einige Shortcuts (auf z.B. i18N-Objekte) und schon Funktionalitäten um konstante Stringwerte auf portalspezifische Resource-Keys zu mappen …


Beitrag lesen
25
NOV
11

iOS Probleme mit transition

Autor: Florian Müller

Technologie // User Experience & Design

Heute ist mir bei einem Projekt ein Problem mit iOS begegnet. Es gibt eine Galerie, bei welcher die Elemente von oben „hereinfliegen“. Auf dem iPad und dem iPhone war dieser Effekt kaum beziehungsweise gar nicht vorhanden, sondern das Bild war einfach *plopp* da. Problem hierbei ist, dass transitions bei iOS ohne Hardware Beschleunigung gerendert werden. …


Beitrag lesen
28
SEP
16

Open Graph Meta Tags & facebook for developers

Autor: Steven Schöning

Technologie

Ich hatte vor kurzem das Problem, dass trotz dem hinterlegten Bild im og:image Tag ein anderes Bild ausgespielt wurde, denn es wurde das erste Bild im HTML Quelltext beim teilen über Facebook ausgegeben. Hier konnte ich bei „facebook for developers“ einige Informationen zu dem Thema finden, indem ich im Sharing Debugger und im Object Debugger …


Beitrag lesen
15
JUN
17

CSS Selectors and Pseudo Selectors and browser support

Autor: Benjamin Hofmann

Technologie // User Experience & Design

Eben bin ich auf eine interessante Seite zum Thema Selektoren in CSS gestoßen, die sehr übersichtlich auflistet was geht und was nicht und vor allem in welchen Browsern dies der Fall ist. Leider ist die Seite nicht mehr ganz aktuell, aber für einen schnellen Überblick sollte sie allemal ausreichen. Und mit etwas Glück kommt auch …


Beitrag lesen
17
FEB
12