how to change browsers default scrollbar using css or jquery

Question

How to replace custom style scrollbar with default browser's scrollbar (i can able to change in chrome using webkit)

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
    background-color: #CFCFCF
}
::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5
}
::-webkit-scrollbar-thumb {
    background-color: #2C3E50
}

But i want to change in mozilla firefox too.. Help me pls

possible duplicate of Custom CSS Scrollbar for Firefox

Suresh Karia
– Suresh Karia

2015-08-17 13:19:21 +00:00
Commented Aug 17, 2015 at 13:19 — Suresh Karia
– Suresh Karia, Commented Aug 17, 2015 at 13:19

sumitmann · Accepted Answer · 2015-08-17 13:18:00Z

3

Using CSS you can only style the webkit's scrollbar.

If you want a cross browser solution you can use the following plugin:

http://jscrollpane.kelvinluck.com/

or you can choose any from the list given on the following link:

http://www.sitepoint.com/10-jquery-custom-scrollbar-plugins/

answered Aug 17, 2015 at 13:18

sumitmann

3931 gold badge3 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2020-06-20 09:12:55Z

0

Using jQuery

Try this pluggin : jscrollpane

Using CSS

There's no Firefox (Gecko) equivalent to ::-webkit-scrollbar

You'll have to stick with jQuery.

Plenty of people would like this feature, see: https://bugzilla.mozilla.org/show_bug.cgi?id=77790

This report is asking for the exact same thing you're asking for: https://bugzilla.mozilla.org/show_bug.cgi?id=547260

Sorce Answer: Custom CSS Scrollbar for Firefox

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Aug 17, 2015 at 13:10

Suresh Karia

18.4k19 gold badges69 silver badges85 bronze badges

Collectives™ on Stack Overflow

how to change browsers default scrollbar using css or jquery

2 Answers 2

Comments

Using jQuery

Using CSS

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Using jQuery

Using CSS

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related