customize scroll bar using css [duplicate]

Question

I have done the following to customize my scroll bar

::-webkit-scrollbar {
width: 4px;
}

::-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); 
}

the problem is that this works only on chrome and safari. Any idea how to modify it in order to work for IE, opera and Mozila?

Try stackoverflow.com/questions/14946789/…

Lance Hudson
– Lance Hudson

2013-05-26 15:41:46 +00:00
Commented May 26, 2013 at 15:41 — Lance Hudson
– Lance Hudson, Commented May 26, 2013 at 15:41

0xcaff · Accepted Answer · 2014-03-12 16:34:12Z

1

I think the prefix -webkit- consider only scroll bars on safari and chrome. you should add -moz-, -o- and -ms- to complete the code. Hope i helped.

edited Mar 12, 2014 at 16:34

0xcaff

13.8k5 gold badges52 silver badges57 bronze badges

answered Jul 29, 2013 at 9:48

Thepsylord

111 bronze badge

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

Collectives™ on Stack Overflow

customize scroll bar using css [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related