2024-09-03 18:44:15 +08:00
|
|
|
|
// 设置滚动条的样式
|
|
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
|
|
width: 6px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 基于 WebKit 内核的浏览器
|
|
|
|
|
|
// 设置滚动条的样式，宽、圆角、背景颜色
|
|
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
|
|
|
|
width: 6px;
|
|
|
|
|
|
border-radius: 6px;
|
2024-09-04 00:09:58 +08:00
|
|
|
|
background-color: $color-border-3;
|
2024-09-03 18:44:15 +08:00
|
|
|
|
}
|
|
|
|
|
|
// 设置滚动条hover样式，宽、圆角、背景颜色
|
|
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
|
|
|
|
width: 6px;
|
2024-09-04 00:09:58 +08:00
|
|
|
|
background-color: $color-border-4;
|
2024-09-03 18:44:15 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 设置IE/Edge浏览器滚动条的样式，与webkit内核浏览器样式相同
|
|
|
|
|
|
::-ms-scrollbar-thumb {
|
|
|
|
|
|
width: 6px;
|
|
|
|
|
|
border-radius: 6px;
|
2024-09-04 00:09:58 +08:00
|
|
|
|
background-color: $color-border-3;
|
2024-09-03 18:44:15 +08:00
|
|
|
|
}
|
|
|
|
|
|
::-ms-scrollbar-thumb:hover {
|
|
|
|
|
|
width: 6px;
|
2024-09-04 00:09:58 +08:00
|
|
|
|
background-color: $color-border-4;
|
2024-09-03 18:44:15 +08:00
|
|
|
|
}
|
