消除浏览器滚动条样式
::-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,使其产生的作用在局部。