原链接: vue修改默认滚动条样式
::-webkit-scrollbar {
width: 4px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: rgba(0,0,0,0.2);
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 0;
background: rgba(0,0,0,0.1);
}
如果要隐藏滚动条,直接使用以下代码(可以结合elementui提供的滚动条一起使用(当它们共存的时候))
::v-deep ::-webkit-scrollbar { /* 样式穿透 */
display: none;
}