Change the scroll bar to clean css in Mozilla Firefox

Question

Gentlemen, I am sure many people know that there is such an opportunity, change the scroll bar on a clean css ... Example below. But this is only possible in chrome and opera. There is also a possibility for IE here . And who knows how things are with Mozilla Firefox, is there such an opportunity to implement this on pure css?

::-webkit-scrollbar-button { width: 5px; height: 0px } ::-webkit-scrollbar-track { background-color: #ecede; } ::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #6dc0c8; } ::-webkit-scrollbar-thumb:hover { background-color: #56999f; } ::-webkit-resizer { width: 8px; height: 0px; } ::-webkit-scrollbar { width: 8px; }

 <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/>

At the moment, on pure css in all browsers this can not be done.
So you just need to look for jquery.custom-scroll, baron.js and something similar plugins
Alexey, but for chromium, opera b IE this is implemented, it works great, I’m just interested in mazil?
I know about plugins, I don’t even need them, I’ll have to write to myself on JS ... I just wanted to know about Mazil, maybe something has changed

Air air 10.6k five 21 52 · Accepted Answer · 2017-10-25T08:55:00

Unfortunately, Mozilla Firefox has not yet decided to implement this chip on pure css ... Maybe in a hundred years))))) JS tool

Encode_VI Encode_VI 28 eleven · Answer 2 · 2017-09-23T16:51:06

 ::-webkit-scrollbar-button { width: 5px; height: 0px } ::-moz-scrollbar-button { width: 5px; height: 0px } ::-webkit-scrollbar-track { background-color: #ecede; } ::-moz-scrollbar-track { background-color: #ecede; } ::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #6dc0c8; } ::-moz-scrollbar-thumb { border-radius: 0px; background-color: #6dc0c8; } ::-webkit-scrollbar-thumb:hover { background-color: #56999f; } ::-moz-scrollbar-thumb:hover { background-color: #56999f; } ::-webkit-resizer { width: 8px; height: 0px; } ::-moz-resizer { width: 8px; height: 0px; } ::-webkit-scrollbar { width: 8px; } ::-moz-scrollbar { width: 8px; }

 <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/> <p>Hello</p><br/>

dear, did you at least check before answering?))) or you and I have some masilas)))
))))))))))) .... I know what this prefix is .... why it is needed if it does not work ... ????

Change the scroll bar to clean css in Mozilla Firefox

2 answers 2

More articles: