You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
24 lines
972 B
24 lines
972 B
6 days ago
|
/* 通用滚动条样式 */
|
||
|
|
::-webkit-scrollbar { /* 适用于Webkit内核浏览器（如Chrome和Safari） */
|
||
|
|
width: 5px; /* 滚动条宽度 */
|
||
|
|
}
|
||
|
|
::-webkit-scrollbar-track { /* 滚动条轨道 */
|
||
|
|
background-color: rgba(0, 0, 0, 0.1); /* 轨道颜色 */
|
||
|
|
}
|
||
|
|
::-webkit-scrollbar-thumb { /* 滚动条滑块 */
|
||
|
|
background-color: #c7c9cc; /* 滑块颜色 */
|
||
|
|
border-radius: 5px; /* 滑块圆角 */
|
||
|
|
}
|
||
|
|
::-webkit-scrollbar-thumb:hover { /* 鼠标悬停时的滑块 */
|
||
|
|
background-color: #c7c9cc; /* 更深的颜色 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Firefox滚动条样式 */
|
||
|
|
scrollbar-width: thin; /* Firefox的滚动条宽度 */
|
||
|
|
scrollbar-color: c7c9cc rgba(0, 0, 0, 0.1); /* 滑块和轨道颜色 */
|
||
|
|
|
||
|
|
/* IE 和 Edge 的滚动条样式（需要在全局或特定元素上设置） */
|
||
|
|
body {
|
||
|
|
scrollbar-width: thin; /* IE 和 Edge 的滚动条宽度 */
|
||
|
|
-ms-overflow-style: -ms-autohiding-scrollbar; /* 自动隐藏滚动条 */
|
||
|
|
}
|