谷歌浏览器滚动条样式设置

有时候美工设计了好看的界面的，但是界面大小出现变化时出现的滚动条样式与界面格格不入，显得很不搭调，所以有必要设置滚动条样式，只有谷歌，其他浏览器的还没试

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: rgb(59, 182, 225);
    transition: all .2s;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(128, 241, 63, 0.7);
}