29 lines
705 B
SCSS
29 lines
705 B
SCSS
|
// 设置滚动条的样式
|
|||
|
|
::-webkit-scrollbar {
|
|||
|
|
width: 6px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 基于 WebKit 内核的浏览器
|
|||
|
|
// 设置滚动条的样式，宽、圆角、背景颜色
|
|||
|
|
::-webkit-scrollbar-thumb {
|
|||
|
|
width: 6px;
|
|||
|
|
border-radius: 6px;
|
|||
|
|
background-color: $color-border-2;
|
|||
|
|
}
|
|||
|
|
// 设置滚动条hover样式，宽、圆角、背景颜色
|
|||
|
|
::-webkit-scrollbar-thumb:hover {
|
|||
|
|
width: 6px;
|
|||
|
|
background-color: $color-border-3;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 设置IE/Edge浏览器滚动条的样式，与webkit内核浏览器样式相同
|
|||
|
|
::-ms-scrollbar-thumb {
|
|||
|
|
width: 6px;
|
|||
|
|
border-radius: 6px;
|
|||
|
|
background-color: $color-border-2;
|
|||
|
|
}
|
|||
|
|
::-ms-scrollbar-thumb:hover {
|
|||
|
|
width: 6px;
|
|||
|
|
background-color: $color-border-3;
|
|||
|
|
}
|