我是靠谱客的博主 典雅钢铁侠,这篇文章主要介绍前端修改滚动条样式前言一、样式代码,现在分享给大家,希望可以做个参考。

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

目录

  • 前言
  • 一、样式代码


前言

前端修改滚动条样式


一、样式代码

代码如下


&::-webkit-scrollbar {
width: 4px;
height: 6px;
}
// 滚动区域背景
&::-webkit-scrollbar-track-piece {
background-color: rgb(17, 16, 16);
background-color: white;
-webkit-border-radius: 6px;
}
// 竖向滚动条
&::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgb(70, 68, 68);
background-color: #AAAAAA;
-webkit-border-radius: 6px;
}

最后

以上就是典雅钢铁侠最近收集整理的关于前端修改滚动条样式前言一、样式代码的全部内容,更多相关前端修改滚动条样式前言一、样式代码内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(98)

评论列表共有 0 条评论

立即
投稿
返回
顶部