Stylish doesn't seem to be able to affect scrollbars, so I stuck this in userChrome.css -
Code: Select all
thumb[orient="vertical"] {
-moz-appearance: none !important;
max-width: 9px !important;
}
thumb[orient="horizontal"] {
-moz-appearance: none !important;
max-height: 9px !important;
}
Looked at the scrollbars with DOMi, and the selectors I'm using really should work. I guess userChrome.css just doesn't affect the unstyled scrollbars.
Frank Lion's "Metal Lion Sea Monkey Silver Scrollbars" add-on does style all of the scrollbars, but I'm not seeing how it's doing it.
Next issue is, even where I can restyle the scrollbars, the thumb is now stuck to the left edge, not centered like it was before. Attempts to change margin-left and margin-right caused the thumb to totally disappear. Attempts to edit border-* properties had no effect.
So..
1) How to style all the scrollbars?
2) After shrinking the thumb, how to get it centered in the slider?