2023年6月20日发(作者：)
CSSScrollbarCSS中若在块级容器上设置了overflow:scroll/overflow-x:scroll/overflow-y:scroll属性，当块级内容区域超出块级元素范围时会以滚动条的形式展⽰，可以滚动⾥⾯的内容，⾥⾯的内容不会超出块级区域范围。滚动条组合部分滚动条滚动条CSS伪元素伪元素::-webkit-scrollbar::-webkit-scrollbar-button::-webkit-scrollbar-track::-webkit-scrollbar-track-piece::-webkit-scrollbar-thumb::-webkit-scrollbar-cornor::-webkit-resizer⾃定义滚动条的样式描述滚动条整体部分滚动条两端按钮滚动条外层轨道滚动条外层轨道，可见区域。滚动条内可拖动的滑块滚动条边⾓滚动条右下⾓拖动块::-webkit-scrollbar { width: 2px; height: 2px;}::-webkit-scrollbar-button { width: 0px; height: 0px;}::-webkit-scrollbar-thumb { background: #2d3748; border: 0px none #ffffff; border-radius: 50px;}::-webkit-scrollbar-thumb:hover { background: #2b6cb0;}::-webkit-scrollbar-thumb:active { background: #000000;}::-webkit-scrollbar-track { background: #1a202c; border: 0px none #ffffff; border-radius: 50px;}::-webkit-scrollbar-track:hover { background: #666666;}::-webkit-scrollbar-track:active { background: #333333;}::-webkit-scrollbar-corner { background: transparent;}
2023年6月20日发(作者：)
CSSScrollbarCSS中若在块级容器上设置了overflow:scroll/overflow-x:scroll/overflow-y:scroll属性，当块级内容区域超出块级元素范围时会以滚动条的形式展⽰，可以滚动⾥⾯的内容，⾥⾯的内容不会超出块级区域范围。滚动条组合部分滚动条滚动条CSS伪元素伪元素::-webkit-scrollbar::-webkit-scrollbar-button::-webkit-scrollbar-track::-webkit-scrollbar-track-piece::-webkit-scrollbar-thumb::-webkit-scrollbar-cornor::-webkit-resizer⾃定义滚动条的样式描述滚动条整体部分滚动条两端按钮滚动条外层轨道滚动条外层轨道，可见区域。滚动条内可拖动的滑块滚动条边⾓滚动条右下⾓拖动块::-webkit-scrollbar { width: 2px; height: 2px;}::-webkit-scrollbar-button { width: 0px; height: 0px;}::-webkit-scrollbar-thumb { background: #2d3748; border: 0px none #ffffff; border-radius: 50px;}::-webkit-scrollbar-thumb:hover { background: #2b6cb0;}::-webkit-scrollbar-thumb:active { background: #000000;}::-webkit-scrollbar-track { background: #1a202c; border: 0px none #ffffff; border-radius: 50px;}::-webkit-scrollbar-track:hover { background: #666666;}::-webkit-scrollbar-track:active { background: #333333;}::-webkit-scrollbar-corner { background: transparent;}
发布评论