On the menu, you can click the '-' button, or on the keyboard, hold down Ctrl and tap the '-' key. To shrink text, it's best to use the zoom function. Doing this makes everything look like a column of text though. The native select is then styled so it is essentially invisible (no appearance, border, bg) leaving only the select's text visible. From there you can select Basic or No Style, easily disabling CSS.

The non-standard ::-webkit- properties for styling scrollbars in CSS have much more styling possibility than the standardized properties.

CSS-only custom-styled selects v8

How this works: This styles a native select consistently cross-platform with only minimal CSS.

This extension supply the CSS property only in Firefox browser. Some of them are discussed below: Method 1: This method uses Mozilla specific extension to add CSS property. Target the Firefox browser with CSS in many ways. styled-scrollbars More Exotic Chrome & Safari Scrollbar Styles The targeted CSS will works only for targeted browser. 6 questions about heritage web design 4 Web Design/Name 8 Hows This for Graphics 6 CSS and Flash issue in Firefox and IE 2 CSS Centering Image Navigation Bar 4 Flash intro redirection 4 Need help getting design to be cross browser 5 LogicWeb / CSS Question 16 CSS Help.

Your best bet for styling scrollbars in CSS, for as much cross-browser support as possible, is to use the special ::webkit prefixed scrollbar CSS properties (Chrome & Safari will need those for now) and the standardized scrollbar-width and scrollbar-color properties (for Firefox for now). CSS Style sheets 2 CSS Style sheet 7 Picture Usage.

Firefox css style