CODEWITHSUNDEEP
htmlcssgoogle-chromefirefoxsafari
CandleCoder
CandleCoder

Reputation: 1503

Chrome and Safari Scroll Bar not working in Firefox

I want to use the same scroll bar as I have implemented in safari and chrome but I am unable to see it on Firefox Browser.

How can I do this? I have referred this question of Firefox bug

https://bugzilla.mozilla.org/show_bug.cgi?id=77790

but was unable to trace what is wrong with my CSS, Please suggest me a way to do it.

What I have done for safari and Chrome is as follows : 

::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
  border-radius: 10px;}

 ::-webkit-scrollbar-thumb {
  border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}

Thanks a lot for your helps.

Upvotes: 1

Views: 1108

Answers (1)

Demetry
Demetry

Reputation: 163

You are only using the webkit rendering engine (Chrome and Safari) Sadly though currently there is no -webkit-scrollbar for the -moz rendering engine.

Hope this helps

Difference between rendering engines
Custom CSS Scrollbar

Cheers, Demetry

Upvotes: 3

Related Questions