css.properties.scrollbar-color - not apparently supported on MacOS Safari 26.3
Nobody has claimed this yet.
- Dominant language
- JSON
- Stars
- 5.8k
- Forks
- 2.6k
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 186
Description
What type of issue is this?
Incorrect support data (example: BrowserX says "86" but support was added in "40")
What information was incorrect, unhelpful, or incomplete?
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/scrollbar-color
claims "Safari 26.2 (Release date: 2025-12-12) Full support"
However I am seeing no support in Safari Version 26.3 (20623.2.7.18.1) running on MacOS 15.7.4 (24G517) (no, not the latest "liquid glass version", but up-to-date on Safari and other OS patches.) Scrollbars function, but remain as sedate grey, not the gaudy result Firefox shows on the same platform for eg "scrollbar-color: orange purple;"
What browsers does this problem apply to, if applicable?
Safari
What did you expect to see?
style="scrollbar-color: orange purple;" is claimed by MDN to produce gaudy output in Safari versions post 26.3
It does not on Safari Version 26.3 (20623.2.7.18.1) MacOS 15.7.4 (24G517)
Also confirmed unsupported on iOS version 18.7.2 (22H124) Safari
It does, for example, in Firefox 147 on the same platform.
Did you test this? If so, how?
<!DOCTYPE html>
<html>
<body>
<div style="width: 40vw; height: 40vh; overflow: scroll; resize: both;
scrollbar-width: thin; /* test that this works as well */
scrollbar-color: orange purple; /* No effect Safari 26.3 */
">
<div style="background-color: lime; width: 80vw; height: 80vh;"/>
</div>
</body>
</html>
Also confirmed unsupported (as if it would be!) on iPhone iOS version 18.7.2 (22H124) Safari
Can you link to any release notes, bugs, pull requests, or MDN pages related to this?
No response
Do you have anything more you want to share?
No response
MDN URL
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/scrollbar-color
MDN metadata
MDN page report details
- Query:
css.properties.scrollbar-color - Report started: 2026-03-22T19:21:39.246Z
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start at the css.properties.scrollbar-color compatibility-data entry identified by the MDN URL and query. Reproduce or verify the reported Safari and iOS behavior against the existing support data; done means the entry accurately reflects the confirmed browser support.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- documentation, web-dev
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100