Tuesday, March 11, 2014

MacOSX & Chrome: How to make scrollbars ALWAYS visible in your web application

If you are, like me, annoyed that overflow: scroll does not display scrollbars on all MacOSX computers in chrome; you can actually force Chrome to behave by just adding this to your CSS:

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(192,192,192,.3);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);