前端滚动条样式调整及取消x轴滚动条

最新推荐文章于 2024-07-13 11:50:40 发布

taopeijiang

最新推荐文章于 2024-07-13 11:50:40 发布

阅读量698

点赞数

分类专栏：前端文章标签： css

本文链接：https://blog.csdn.net/taopeijiang/article/details/127648978

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

::-webkit-scrollbar {
     width: 5px;
     height: 5px;
     background-color: #f5f5f5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
     border-radius: 10px;
     background-color: #ffffff00;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     background-color: #f2f2f2;
}

::-webkit-scrollbar-thumb:hover {
     background: #5c626c;
}

如需要取消x轴滚动条，可加如下样式：overflow: hidden auto;