CSS modifies default scrollbar styles.
发布时间
阅读量：
阅读量
滚动条的默认外观设计或许难以满足用户的实际需求，以下将对滚动条的初始样式进行调整：
展示效果如下：
调整滚动条外观需运用三个特定的伪类元素：
- ::-webkit-scrollbar（用于定义滚动条整体的尺寸）
- ::-webkit-scrollbar-thumb（用于设定滚动条滑块的视觉效果）
- ::-webkit-scrollbar-track（用于配置滚动轨道的样式表现）
示例：
::-webkit-scrollbar {
width: 5px;//这是竖向滚动条的宽度。如果是横向滚动条则设置height
}
::-webkit-scrollbar-thumb {
border-radius: 2.5px;
background: #434241;
}
::-webkit-scrollbar-track {
background: #0e0d0d;
border-radius: 2.5px;
}
全部评论 (0)
还没有任何评论哟~