倒是支持-webkit-前缀的浏览器可以说说。例如,对于 Chrome 浏览器:
• 整体部分,::-webkit-scrollbar;
• 两端按钮,::-webkit-scrollbar-button;
• 外层轨道,::-webkit-scrollbar-track;
• 内层轨道,::-webkit-scrollbar-track-piece;
• 滚动滑块,::-webkit-scrollbar-thumb;
• 边角,::-webkit-scrollbar-corner。
但是我们平时开发中只用下面 3 个属性:
::-webkit-scrollbar { /* 血槽宽度 */
width: 8px; height: 8px;
}
::-webkit-scrollbar-thumb { /* 拖动条 */
background-color: rgba(0,0,0,.3);
border-radius: 6px;
}
::-webkit-scrollbar-track { /* 背景槽 */
background-color: #ddd;
border-radius: 6px;
}
Chrome的侧边滚动条样式修改
猜你喜欢
转载自blog.csdn.net/William526/article/details/86749130
今日推荐
周排行