v136 · css
Scrollbar Audit
Paste CSS that includes scrollbar styling. The auditor checks whether each rule correctly overrides the Fluent UA default, identifies rules that might not take effect (e.g. ::-webkit-scrollbar vs standard properties), and renders live preview scrollers showing the actual result in this browser.
checking scrollbar-color support…
checking scrollbar-width…
Chrome 136 on Windows/Linux renders Fluent-style scrollbars by default. Author CSS using standard
scrollbar-color and scrollbar-width properties always wins. The deprecated ::-webkit-scrollbar pseudo-elements also work but may produce inconsistent results when mixed with the Fluent theme. This audit shows which approach each rule uses.
CSS to audit
Audit results
| Selector | Approach | scrollbar-color | scrollbar-width | Fluent override? |
|---|---|---|---|---|
| Click "Audit scrollbar CSS" to analyze. | ||||
Live preview scrollers
Property compatibility
/* Standard properties (always override Fluent in Chrome 136) */
scrollbar-color: <thumb-color> <track-color>;
scrollbar-width: auto | thin | none;
/* Non-standard webkit (still works but may conflict with Fluent) */
::-webkit-scrollbar { width: Npx; height: Npx; }
::-webkit-scrollbar-thumb { background: ...; }
::-webkit-scrollbar-track { background: ...; }
/* Chrome 136 Fluent UA defaults (Windows/Linux): */
/* scrollbar-color: auto (OS-themed) */
/* scrollbar-width: auto */
/* Overlay scrollbars on trackpad — thin by default */
/* Rule: standard properties win over Fluent. */
/* Webkit pseudos also work, but use standard */
/* properties for future-proofing. */