Google Chrome Custom.css webkit-scrollbar no longer works

Question

Chrome recently updated to(Version 33.0.1750.117 m) and i was using a custom scroll bar because i hate that white one. This update came out and this code is not effecting this browser anymore.

::-webkit-scrollbar {height: 12px!important;width: 12px!important;background: -webkit-linear-gradient(40deg , #000000 , #1e1e1e , #000000 100%)!important;} ::-webkit-scrollbar-thumb {background-color: #840000!important;border-radius: 16px!important;} ::-webkit-scrollbar-corner {background: #0000!important;}

Anyone have a clue what they did and most importantly how to get this working again. Thanks :)

Answer 1

My chrome browser verion is 34.0.1847.116 m. The following styles are still working in my chrome:

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: rgba(255,255,255, 0);
    -webkit-border-radius: 100px;
}
::-webkit-scrollbar:hover {
    width: 7px;
}

::-webkit-scrollbar-thumb {
    background: #FAE5F6;
    -webkit-border-radius: 100px;
}

::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active  {
    background: #fabae1;
}

Check once....If still doesn't work, try after upgrading your chrome...

Hope it helps :)