浏览器自带的滚动条样式很难看,我们可以使用伪元素的方式修改这些样式。
/* 设置轨道 */
::-webkit-scrollbar-track {
background: #0a1f50;
}
/* 设置滑块 */
::-webkit-scrollbar-thumb {
background: #08a5c7;
}
如果想要部分修改,可以在左边添加父元素的名称进行限制。
浏览器自带的滚动条样式很难看,我们可以使用伪元素的方式修改这些样式。
/* 设置轨道 */
::-webkit-scrollbar-track {
background: #0a1f50;
}
/* 设置滑块 */
::-webkit-scrollbar-thumb {
background: #08a5c7;
}
如果想要部分修改,可以在左边添加父元素的名称进行限制。