修改全局默认滚动条
/*滚动条凹槽的颜色,还可以设置边框属性 */::-webkit-scrollbar-track-piece {background-color:#f8f8f8;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}/*滚动条的宽度*/::-webkit-scrollbar {width:9px;}/*滚动条的设置*/::-webkit-scrollbar-thumb {background-color:#dddddd;background-clip:padding-box;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}/*滚动条鼠标移上去*/::-webkit-scrollbar-thumb:hover {background-color:#bbb;}
修改单个内容框的滚动条样式
/*less*/div{&::-webkit-scrollbar-track-piece {background-color:#f8f8f8;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}/*滚动条的宽度*/&::-webkit-scrollbar {width:9px;}/*滚动条的设置*/&::-webkit-scrollbar-thumb {background-color:#dddddd;background-clip:padding-box;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}/*滚动条鼠标移上去*/&::-webkit-scrollbar-thumb:hover {background-color:#bbb;}}