@@Gernot
Kann man in einer HTML-Anwendung (z.B. mit PHP) erreichen, dass dort der Scrollbalken breiter wird?
Zunächst die Frage: Warum sollte man das wollen? Warum soll deine Seite anders aussehen als das, an was Nutzer auf ihrem jeweiligen System gewöhnt sind?
Aber wenn es denn einen guten Grund dafür geben sollte, kann man?
Die ursprünglich für scrollbar-width
vorgesehene Möglichkeit einer Längenangabe (also einer Breitenangabe 🤓) gibt es aktuell nicht mehr. Mit den Schlüsselwörtern bekommt man die Scrollbar schmaler oder ganz weg, aber nicht breiter.
In auf Webkit basierenden Browsern (Safari, Chromium) allerdings gibt es (noch) proprietäre Pseudoelemente wie ::-webkit-scrollbar
und ::-webkit-scrollbar-thumb
, womit man eine breitere Scrollbar hinbekommt. ☞ Guckst du. Dazu muss man scrollbar track und scrollbar thumb färben.[1]
Wenn man auf die Idee kommen sollte, diese Farben auch wie im Standard vorgesehen per scrollbar-color
anzugeben, wirken die Pseudoelemente nicht mehr. Man müsste die scrollbar-color
-Deklaration in ein @supports
-Block tun, um Webkit-basierte Browser auszuschließen.
🖖 Live long and prosper
“In my home, the America I love, the America I've written about, that has been a beacon of hope and liberty for 250 years, is currently in the hands of a corrupt, incompetent and treasonous administration. Tonight, we ask all who believe in democracy and the best of our American spirit, to rise with us, raise your voices against authoritarianism, and let freedom reign.”
— Bruce Springsteen, Manchester 2025-05-14
Die scrollbar thumb-Farbe hab ich von der Textfarbe (
currentColor
) abgeleitet, damit das für Hell- und Dunkelmodus passt. ↩︎