以前没有自己写过,以为就是设置几个属性而已,今天自己想写一下,结果怎么也找不到scrollbar属性,找了点资料,终于写出来了,原来是通过伪类来写的。记录一下。
代码:
在Chrome中:
xxx::-webkit-scrollbar {/*滚动条宽度*/
width: 8px;
}
xxx::-webkit-scrollbar-thumb {/*滚动块颜色*/
border-radius: 5px;
background: rgba(0,0,0,0.2);
}
xxx::-webkit-scrollbar-track {/*滚动条槽颜色*/
border-radius: 0;
background: rgba(0,0,0,0.1);
}