Custom scroll bar

Asked

Viewed 49 times

-2

I need help adjusting a scrollbar that I customized, it works perfectly on Chrome, opera and Mozilla, but in ie and safari does not work, follow prints and codes.

Print no Chrome

Print ios(safari)

#aulas-do-curso::-webkit-scrollbar {
    width: 10px;
    background-color: #e3e0d6;
}

#aulas-do-curso::-webkit-scrollbar-track {
    background-color: #282828;
}

#aulas-do-curso::-webkit-scrollbar-thumb {
    background-color: #57AF33;
}
css css3
  • 2

    Forget about IE, nor is Microsoft supporting it anymore, and it should be totally abandoned in the coming months. About Safari, check if your audience really uses this browser, the chance is that less than 5% use... And if you want something really cross-Rowse you can use the Nice Scroll which is a scroll bar made in JS

  • No ie I don’t care, but I needed it to work in safari, why css has no way to fix? with this nice scroll I can customize the way I posted the print?

1 answer

0

I always check the compatibility of these pseudo-elements of CSS by the Mozilla, There’s saying there’s support on Safari in the version 4 and in the Safari IOS in the version 3.

The Internet Explorer does not support for styling the scrollbar.

As for your code, it seems to me to be correct, I would only use background in place of background-color, Second community tests can be up to 2x faster in most cases to render.

Browser Compatibility Scrollbar

Browser other questions tagged css css3

You are not signed in. Login or sign up in order to post.