需要通过对应浏览器的伪元素来修改:
示例代码(针对google类webkit内核浏览器):
<div class="scrollDiv"></div>
.scrollDiv {
max-height: 300px;
overflow-y: scroll;
}
css写法
.scrollDiv::-webkit-scrollbar {
width: 4px;
}
.scrollDiv::-webkit-scrollbar-thumb {
background-color: #d9d9d9;
}
less写法
.scrollDiv {
&::-webkit-scrollbar {
width: 4px;
}
&::-webkit-scrollbar-thumb {
background-color: #d9d9d9;
}
}