Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Avatar for Username

Hilfe durchsuchen

Vorsicht vor Support-Betrug: Wir fordern Sie niemals auf, eine Telefonnummer anzurufen, eine SMS an eine Telefonnummer zu senden oder persönliche Daten preiszugeben. Bitte melden Sie verdächtige Aktivitäten über die Funktion „Missbrauch melden“.

Weitere Informationen
Offen

scrollbar color and width

Firefox Erscheinungsbild des Browsers
Ray Andrews antwortete vor 5 Monaten
Ray Andrews
Ray Andrews

A while ago I made some changes in about:config and also in my ~/.config/gtk-3.0/gtk,css file so as to control my scrollbar and slider -- making them more visible:

/* Log out, and back in for these changed to take effect: */


scrollbar { background-color: #cccccc; } scrollbar slider { min-width: 20px; }

/* dark green: pointer is not in the active window */ scrollbar slider:backdrop { background-color: #00aa00; }

/* green: pointer is in the active window but not on a slider */ scrollbar slider { background-color: #00ff00; }

/* dark red: pointer is hovering over slider but mouse button not pressed */ scrollbar slider:hover { background-color: #aa0000; }

/* red: slider is active */ scrollbar slider:hover:active { background-color: #ff0000; }

/* No effect: */ /* scrollbar-color: blue white; */

... it works half the time. Some pages obey the above settings but other pages continued to show a scrollbar about a mm wide with the slider so faint as to barely be visible. So, in 'about:config' :

widget.non-native-theme.scrollbar.size.override 30

... at least made the narrow scrollbar a bit wider. But how to change it's color? Doing this in a file:

~/.mozilla/firefox/5dqk4533.default/chrome/userContent.css:

html,body{ 

   scrollbar-color: yellow blue !important;
  }
.... doesn't change anything.  Is there some complete guide to controlling the srollbars?  Nice if it could all be handled in one place of course.
A while ago I made some changes in about:config and also in my ~/.config/gtk-3.0/gtk,css file so as to control my scrollbar and slider -- making them more visible: /* Log out, and back in for these changed to take effect: */ scrollbar { background-color: #cccccc; } scrollbar slider { min-width: 20px; } /* dark green: pointer is not in the active window */ scrollbar slider:backdrop { background-color: #00aa00; } /* green: pointer is in the active window but not on a slider */ scrollbar slider { background-color: #00ff00; } /* dark red: pointer is hovering over slider but mouse button not pressed */ scrollbar slider:hover { background-color: #aa0000; } /* red: slider is active */ scrollbar slider:hover:active { background-color: #ff0000; } /* No effect: */ /* scrollbar-color: blue white; */ ----------------------------------------- ... it works half the time. Some pages obey the above settings but other pages continued to show a scrollbar about a mm wide with the slider so faint as to barely be visible. So, in 'about:config' : widget.non-native-theme.scrollbar.size.override 30 ... at least made the narrow scrollbar a bit wider. But how to change it's color? Doing this in a file: ~/.mozilla/firefox/5dqk4533.default/chrome/userContent.css: html,body{ scrollbar-color: yellow blue !important; } .... doesn't change anything. Is there some complete guide to controlling the srollbars? Nice if it could all be handled in one place of course.

Geändert am von Ray Andrews

Alle Antworten (1)

Ray Andrews
Ray Andrews Fragesteller

BTW, I have no idea why in the above question, the bottom line is overwritten by what looks like a green slider.

Stellen Sie eine Frage

Sie müssen sich mit Ihrem Benutzerkonto anmelden, um auf Beiträge zu antworten. Bitte stellen Sie eine neue Frage, wenn Sie noch kein Benutzerkonto haben.