关于css:常规修改滚动条样式

109次阅读

共计 327 个字符,预计需要花费 1 分钟才能阅读完成。

/ 定义滚动条款式(高宽及背景)/
::-webkit-scrollbar {
width: 7px; / 滚动条宽度,width:对应竖滚动条的宽度 height:对应横滚动条的高度 /
background: #fff;
box-shadow: 0;
}

/ 定义滚动条轨道(凹槽)款式 /
::-webkit-scrollbar-track {
// -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); / 较少应用 /
border-radius: 3px;
}

/ 定义滑块 款式 /
::-webkit-scrollbar-thumb {
border-radius: 3px;
// height: 100px; / 滚动条滑块长度 /
background-color: #ccc;
}

正文完
 0