CSS & Design

CSS-Schalter

Zeichnet einen Schalter und kopiert das CSS.

Im Browser

Der Schalter wird in diesem Tab gezeichnet. Kopiere das CSS in dein Stylesheet.

Über dieses Werkzeug

Zeichnen Sie einen Schalter und kopieren Sie das CSS.

Stellen Sie die Spurbreite und die Farbe für „an“ ein. Der Knopf steht rechts, wenn die Vorschau an ist, und links, wenn sie aus ist. Das CSS nutzt eine runde Spur und einen weißen Kreis.

Die Vorschau sendet kein Formular und merkt sich den Zustand nicht. Koppeln Sie das Aussehen mit einem nativen Element, wenn die Wahl angesagt werden muss.

Lesen Sie die Datenschutzzeile auf dieser Seite, bevor Sie das Ergebnis öffentlich verwenden.

Kurze Schritte

  1. Zeichnen Sie einen Schalter und kopieren Sie das CSS.
  2. Stellen Sie die Spurbreite und die Farbe für „an“ ein. Der Knopf steht rechts, wenn die Vorschau an ist, und links, wenn sie aus ist. Das CSS nutzt eine runde Spur und einen weißen Kreis.
  3. Die Vorschau sendet kein Formular und merkt sich den Zustand nicht. Koppeln Sie das Aussehen mit einem nativen Element, wenn die Wahl angesagt werden muss.

Lesen Sie die Datenschutzzeile auf dieser Seite, bevor Sie das Ergebnis öffentlich verwenden.

FAQ

Zeichnen Sie einen Schalter und kopieren Sie das CSS.

Stellen Sie die Spurbreite und die Farbe für „an“ ein. Der Knopf steht rechts, wenn die Vorschau an ist, und links, wenn sie aus ist. Das CSS nutzt eine runde Spur und einen weißen Kreis.

Die Vorschau sendet kein Formular und merkt sich den Zustand nicht. Koppeln Sie das Aussehen mit einem nativen Element, wenn die Wahl angesagt werden muss.

Lesen Sie die Datenschutzzeile auf dieser Seite, bevor Sie das Ergebnis öffentlich verwenden.

Ein nützlicher nächster Schritt

Richtlinien der Website: Datenschutz · Nutzungsbedingungen