原链接： 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;
}
最后
以上就是包容故事最近收集整理的关于vue修改默认滚动条样式的全部内容，更多相关vue修改默认滚动条样式内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
![[星期-时间]维度，解析日期绘制散点图，python[星期-时间]维度，解析日期绘制散点图，python](/uploads/reation/bcimg5.png)
发表评论 取消回复