CODEWITHSUNDEEP
javascripthtmlcssgoogle-chrome
A Pov
A Pov

Reputation: 177

Scroll-bar not show the same style in Firefox as Chrome

Is there any idea to make Scroll-bar support in Chrome and Firefox?

I really want to use CSS or CSS3 but when I search, I saw only this code :

::-webkit-scrollbar {
width: 15px;
height: 15px;
}
::-webkit-scrollbar-track-piece  {
background-color: #C2D2E4;
}
::-webkit-scrollbar-thumb:vertical {
height: 30px;
background-color: #0A4C95;}

It works perfectly only on Chrome.

How can I do the same thing for Firefox?

Upvotes: 1

Views: 1679

Answers (2)

Jamie Paterson
Jamie Paterson

Reputation: 446

Sorry there is no option. These are not meant to be edited I'm afraid. Your only solution to support multiple browsers would be JavaScript or a jQuery library to do this more consistently. Its the same issue with some other elements like select option dropdowns and that can be overcome in the same way using a library called Chosen.js. I'm sure a quick google should bring up a couple of solutions that do enough of what you need. Try :- http://jscrollpane.kelvinluck.com/

Upvotes: 1

deadwards
deadwards

Reputation: 2118

Sorry, but there is no Firefox equivalent. You'd have to use something like a jQuery plugin to get the same scrollbars to non-webkit based browsers.

Something like this may help you: http://manos.malihu.gr/jquery-custom-content-scroller/

Upvotes: 1

Related Questions