/* 滚动条整体 */
.el-col::-webkit-scrollbar {
width: 10px;
}
/* 滚动条内部滑块 */
.el-col::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 5px rgba(0, 123, 255, 0.2);
background: #66b1ff;
}
/* 滚动条外部容器 */
.el-col::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background: rgba(255, 255, 255, 0.2);
}
CSS自定义滚动条样式
最新推荐文章于 2024-05-17 04:04:51 发布