|
@@ -6,23 +6,26 @@ ul li {
|
|
|
list-style-type:none;
|
|
|
}
|
|
|
|
|
|
-// /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
|
|
|
-// ::-webkit-scrollbar {
|
|
|
-// width: 0;
|
|
|
-// height: 0;
|
|
|
-// background-color: #f5f5f5;
|
|
|
-// }
|
|
|
+/*定义滚动条轨道 内阴影+圆角*/
|
|
|
+::-webkit-scrollbar-track {
|
|
|
+ border-radius: 3px;
|
|
|
+ // background-color: rgba(0, 0, 0, 0.1);
|
|
|
+}
|
|
|
|
|
|
-// /*定义滚动条轨道 内阴影+圆角*/
|
|
|
-// ::-webkit-scrollbar-track {
|
|
|
-// -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
|
|
|
-// border-radius: 0.4rem;
|
|
|
-// background-color: #f5f5f5;
|
|
|
-// }
|
|
|
+/* 修改的滚动条样式 */
|
|
|
+::-webkit-scrollbar {
|
|
|
+ width: 4px;
|
|
|
+ height: 4px;
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
|
|
|
-// /*定义滑块 内阴影+圆角*/
|
|
|
-// ::-webkit-scrollbar-thumb {
|
|
|
-// border-radius: 0.4rem;
|
|
|
-// -webkit-box-shadow: inset 0 0 0.25rem rgba(0, 0, 0, 0.3);
|
|
|
-// background-color: #555;
|
|
|
-// }
|
|
|
+/*定义滚动条滑块 内阴影+圆角*/
|
|
|
+::-webkit-scrollbar-thumb {
|
|
|
+ border-radius: 3px;
|
|
|
+ -webkit-box-shadow: inset 0 0 6px #cccccc;
|
|
|
+ background-color: #cccccc;
|
|
|
+ &:hover{
|
|
|
+ background-color: #777777;
|
|
|
+ // -webkit-box-shadow: 0 0 6px 6px #777777;
|
|
|
+ }
|
|
|
+}
|