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

/定义滚动条款式(高宽及背景)/
::-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;
}

【腾讯云】轻量 2核2G4M,首年65元

阿里云限时活动-云数据库 RDS MySQL  1核2G配置 1.88/月 速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据