最新版 chrome 滚动条样式

2024-01-29 10:19:23 +08:00
Joseph0717  Joseph0717
最新版 chrome 滚动条样式是不是发生变化了,自己定义的样式都失效了
3020 次点击
所在节点   Vue.js  Vue.js
9 条回复
Joseph0717
Joseph0717
2024-01-29 10:19:55 +08:00
版本 121.0.6167.86
locatez
locatez
2024-01-29 10:33:33 +08:00
0x723b
0x723b
2024-01-29 10:34:44 +08:00
并没有,这个正常使用 https://greasyfork.org/zh-CN/scripts/472690
kebamt
kebamt
2024-01-29 13:48:47 +08:00
```
/* Hide browser scrollbar */
::-webkit-scrollbar {
display:none;
}
```
试试这个?
Chuckle
Chuckle
2024-01-29 15:42:26 +08:00
以前的也能正常用,但是 scrollbar 优先级更高,设置了 scrollbar 就会导致原来的::-webkit-scrollbar 失效,scrollbar 太丑陋了,还是只在火狐上用吧(
@-moz-document url-prefix() {
这里面写的样式就只有火狐这类浏览器生效
}
No3ks
No3ks
2024-01-29 16:51:22 +08:00
楼主 是不是变成很细的一条了
fgt1t5y
fgt1t5y
2024-01-29 21:11:12 +08:00
@No3ks #6 是的,滚动条模式变的很细一根,不是系统原生的滚动条了
Joseph0717
Joseph0717
2024-01-30 08:50:06 +08:00
@No3ks @kebamt 这样可以全局生效
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
/* Track */
::-webkit-scrollbar-track {
border-radius: 8px;
background: @layout-body-background;
}
/* Handle */
::-webkit-scrollbar-thumb {
border-radius: 8px;
background: @primary-color;
}
No3ks
No3ks
2024-01-30 10:26:24 +08:00
@fgt1t5y 我找到问题了,我的样式中设置 scrollbar-width:thin ,这个样式之前是火狐才生效,现在 chrome 也生效了,我用了 5 楼的办法,加了火狐才能识别的查询,就 ok 了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1012339

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX