滚动条样式设置
-
::-webkit-scrollbar
滚动条整体部分 -
::-webkit-scrollbar-thumb
滚动条里面的小方块---滑块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条) -
::-webkit-scrollbar-track
滚动条的轨道(里面装有Thumb) -
::-webkit-scrollbar-button
滚动条的轨道的两端按钮,允许通过点击微调小方块的位置。 -
::-webkit-scrollbar-track-piece
内层轨道,滚动条中间部分(除去) -
::-webkit-scrollbar-corner
边角,即两个滚动条的交汇处 -
::-webkit-resizer
两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
滚动条可以是浏览器的垂直滚动条、滚动条也可以是某个盒子的垂直滚动条。
滚动条可以是浏览器的垂直滚动条:
<title>滚动条样式设置</title> <style> .box{ width: 600px; height: 600px; overflow: auto; margin: 20px auto 0; border: 6px solid green; } /* 滚动条整体 */