概述
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
目录
- 前言
- 一、样式代码
前言
前端修改滚动条样式
一、样式代码
代码如下
&::-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;
}
最后
以上就是典雅钢铁侠为你收集整理的前端修改滚动条样式前言一、样式代码的全部内容,希望文章能够帮你解决前端修改滚动条样式前言一、样式代码所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复