|
@@ -12,7 +12,7 @@ body {
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
text-rendering: optimizeLegibility;
|
|
|
- font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
|
|
|
+ font-family: Helvetica, Microsoft YaHei, Helvetica Neue, PingFang SC, Hiragino Sans GB, Arial, sans-serif;
|
|
|
}
|
|
|
|
|
|
label {
|
|
@@ -261,28 +261,44 @@ aside {
|
|
|
|
|
|
|
|
|
|
|
|
+// ::-webkit-scrollbar {
|
|
|
+// /* 垂直滚动条宽度 */
|
|
|
+// width: 8px !important;
|
|
|
+// /* 水平滚动条高度 */
|
|
|
+// height: 8px !important;
|
|
|
+// }
|
|
|
+
|
|
|
::-webkit-scrollbar {
|
|
|
- /* 垂直滚动条宽度 */
|
|
|
- width: 8px !important;
|
|
|
- /* 水平滚动条高度 */
|
|
|
- height: 8px !important;
|
|
|
+ width: 0px !important;
|
|
|
+ height: 0px !important;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+:hover {
|
|
|
+ &::-webkit-scrollbar {
|
|
|
+ width: 7px !important;
|
|
|
+ height: 7px !important;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
/* 轨道 */
|
|
|
::-webkit-scrollbar-track {
|
|
|
border-radius: 10px !important;
|
|
|
- background: #ebe9e9;
|
|
|
+ background: #fff;
|
|
|
}
|
|
|
|
|
|
/* 滑块 */
|
|
|
::-webkit-scrollbar-thumb {
|
|
|
border-radius: 10px !important;
|
|
|
- background-color: rgb(206, 206, 206) !important;
|
|
|
+ background-color: rgb(224, 222, 222) !important;
|
|
|
+ opacity: 0.8;
|
|
|
}
|
|
|
|
|
|
/* 鼠标悬停在滑块上的样式 */
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
|
border-radius: 10px !important;
|
|
|
- background-color: rgb(192, 192, 192) !important;
|
|
|
+ background-color: rgb(206, 204, 204) !important;
|
|
|
+ cursor: pointer;
|
|
|
+ opacity: 0.8;
|
|
|
/* 悬停时的滑块背景色 */
|
|
|
}
|