webkit-scrollbar

by ifightcrime

HTML

<div id="scroll-wrap">
    <div><a href="http://google.com" target="_blank">X</a></div>
</div>

CSS

::-webkit-scrollbar {
    height: 16px;
    overflow: visible;
    width: 12px;
    margin-left: 2px;
}

::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border: solid transparent;
    min-height: 28px;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}

::-webkit-scrollbar-button {
    height: 0;
    width: 0;
}

::-webkit-scrollbar-track {
border: solid transparent;
}

::-webkit-scrollbar-corner {
background: transparent;
}

::-webkit-scrollbar-track:hover{
    border-left: 1px solid #ddd;
    background-color:rgba(0,0,0,.05)
}

::-webkit-scrollbar-track:active{
    background-color:rgba(0,0,0,.08);
}

#scroll-wrap {
    height: 200px;
    padding-top: 50px;
    text-align: right;
}