Skip to content

Commit 4841162

Browse files
committed
fix: 优化windows系统下出现的白色滚动条
1 parent 522c1ad commit 4841162

File tree

1 file changed

+19
-0
lines changed

1 file changed

+19
-0
lines changed

app/src/css/index.css

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -113,3 +113,22 @@
113113
.dark {
114114
--highlight: oklch(0.852 0.199 91.936);
115115
}
116+
117+
/* 赫然出现一些白色滚动条很不好看,先写一个基础样式覆盖一下 */
118+
::-webkit-scrollbar {
119+
width: 8px;
120+
height: 8px;
121+
}
122+
123+
::-webkit-scrollbar-track {
124+
background: rgba(87, 95, 107, 0.1);
125+
}
126+
127+
::-webkit-scrollbar-thumb {
128+
background: rgba(87, 95, 107, 0.4);
129+
border-radius: 4px;
130+
}
131+
132+
::-webkit-scrollbar-thumb:hover {
133+
background: rgba(87, 95, 107, 0.6);
134+
}

0 commit comments

Comments
 (0)