Null Tricky benutzerdefinierte Funkgeräte und Kontrollkästchen

Viele benutzerdefinierte Optionsfelder und Kontrollkästchen vergrößern und werden die Standardelemente einfach vergrößern und neu erfassen. SurveyMonkey ist ein hervorragendes Beispiel für diesen Ansatz, wobei große, visuell unterschiedliche Optionen in seiner Schnittstelle verwendet werden.

Interessanterweise erfordert das Erreichen dieser grundlegenden Anpassung häufig minimale CSS. Einfach die Größe zu erhöhen und die Farbe anzupassen kann ausreichen:

 input [type = "radio"],
input [type = "checkbox"] {
  Breite: 3em;
  Höhe: 3Rem;
  Akzentfarbe: Grün;
}

Dieser Code erhöht die Größe effektiv und wendet eine grüne Akzentfarbe an. Kompatibilitätsprobleme entstehen jedoch, insbesondere bei Safari's Rendering. Während der Funktionsummenge unterscheidet sich die visuelle Ausgabe.

Für wirklich benutzerdefinierte Designs, die Browser -Inkonsistenzen überwinden, sind die Ressourcen von Stephanie Eckles von unschätzbarem Wert:

• Pure CSS Custom Styled -Optionsknöpfe
• Pure CSS Custom Checkbox Style Style

In einem verwandten Hinweis sind die Umschaltungs -UI -Steuerelemente im Wesentlichen verbesserte Optionsfelder. Ein dedizierter nativer Slider -Umschalter ist jedoch nicht verfügbar, wie die Arbeiten von Michelle Barker hervorgehoben werden.

Das obige ist der detaillierte Inhalt vonNull Tricky benutzerdefinierte Funkgeräte und Kontrollkästchen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!