消除浏览器滚动条样式

::-webkit-scrollbar-track-piece { 
    background-color:#f8f8f8;
}
::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    background-color:#dddddd;
    background-clip:padding-box;
    min-height:28px;
}
::-webkit-scrollbar-thumb:hover {
    background-color:#bbb;
}

如果想要自定义自己想要的滚动条样式，只需更改上面 CSS 属性，可以到达自己想要的效果。

如果你想全局定义滚动条，只需将其写入公共样式；如果只想局部更改某元素的滚动条，添加 class，使其产生的作用在局部。