Über dieses Tool
Entwerfen Sie eine eigene Scrollbar mit Breite, Track- und Thumb-Farben sowie Eckenradius, sehen Sie sie live in einem scrollbaren Feld in der Vorschau und kopieren Sie das CSS, alles direkt in Ihrem Browser.
Häufig gestellte Fragen
Welche Browser unterstützen dieses Styling?
Die ::-webkit-scrollbar-Regeln funktionieren in Chrome, Edge und Safari; für Firefox ist außerdem ein Fallback mit scrollbar-width und scrollbar-color enthalten.
Wie wende ich es auf mein eigenes Element an?
Kopieren Sie das CSS und geben Sie Ihrem scrollbaren Element die Klasse scrollbox, oder ersetzen Sie diesen Selektor durch Ihren eigenen.