/    Sign up×
Community /Pin to ProfileBookmark

cross browser scrollbar styles – not just IE

Copy linkTweet thisAlerts:
Aug 11.2011

Hi
I’m using the following css to style my scroll bar in IE

[CODE]
 scrollbar-face-color: #ddd;
scrollbar-arrow-color: #aaa;
scrollbar-track-color: white;
scrollbar-shadow-color: white;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: white;
scrollbar-darkshadow-Color: white;
[/CODE]

What would be the simplest way to implement this style in all major browsers?
Thanks for any help

Dav!d “paddling upstream searching for the source”

to post a comment
JavaScript

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@twseitexAug 12.2011 — Hi,

use style f.e. Microsoft Internet Explorer see http://msdn.microsoft.com/en-us/library/ms534399(v=VS.85).aspx

---------------------------------------

CSS properties supported in Opera 11.01 see http://www.mail-archive.com/[email protected]/msg03903.html

scrollbar-face-color

scrollbar-arrow-color

scrollbar-track-color

scrollbar-shadow-color

scrollbar-3dlight-color

scrollbar-highlight-color

scrollbar-darkshadow-color
Copy linkTweet thisAlerts:
@davidM_MEauthorAug 13.2011 — Hi,

Thanks for your reply twseitex.

I understand IE and Opera are the same. What about Firefox, Chrome, Safari ect.? Do I need JQuery to style these scrollbars? If so which is the best (and simplest) cross browser plugin to use.

Thanks

Dav!d
×

Success!

Help @davidM_ME spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...