# 滚动条样式修改
# css修改样式
::-webkit-scrollbar-track {
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
background-color: #fff;
}
::-webkit-scrollbar { // e-ui弹出框
width: 5px;
height: 10px;
background-color: #fff;
}
::-webkit-scrollbar-thumb { // e-ui弹出框
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(180, 180, 180, 0.3);
background-color: #ddd;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
# 隐藏滚动条
/* Hide scrollbar for Chrome, Safari, and Opera */
html::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE and Edge */
html {
-ms-overflow-style: none;
}
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10