CODEWITHSUNDEEP
htmlcssfirefox
steve
steve

Reputation: 664

Scroll bar css in Mozilla

I am trying to design the scroll bar, for that I have given like

::-webkit-scrollbar {
  width: 8px; 
   background-color: rgba(0,0,0,0);
  -webkit-border-radius: 100px;
}
::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}

::-webkit-scrollbar-thumb:vertical {
  background: rgba(0,0,0,0.61);
  -webkit-border-radius: 100px;
}
::-webkit-scrollbar-thumb:vertical:active {
  background: rgba(0,0,0,0.61); /* Some darker color when you click it */
  -webkit-border-radius: 100px;
}

This is working fine with Chrome and Safari, I want the same css apply to Firefox; how can I get that?

Upvotes: 0

Views: 6796

Answers (2)

Mahib
Mahib

Reputation: 4063

The article in the Mozilla support forum discussed about "How to hide or disable vertical and horizontal scrollbars?" You can try this link to mozilla support

http://support.mozilla.org/en-US/questions/957337

Upvotes: 0

Krish R
Krish R

Reputation: 22741

Using CSS to alter the appearance of the scrollbars is not supported. It alters the appearance of the browser UI elements and for that reason its doubtful it will ever be supported.

You may hide the scrolbar in mozila,

CSS: 

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

 scrollbar{
  -moz-appearance: none !important;
 }

Upvotes: 2

Related Questions