这是一个创建于 1430 天前的主题，其中的信息可能已经有所发展或是发生改变。
当系统偏好暗色主题的时候，可以利用 @media (prefers-color-scheme: dark)设置其他元素的配色。
而浏览 github 的时候发现，最右侧的滚动条也变成了暗色模式。显然不是利用::webkit-scrollbar 实现的，会改变整个滚动条的形状。
而利用开发者工具在 css 里也没有 scroll 字样，可能有简单的实现方法但楼主没发现……
在 windows 上看，滚动条的样式变成了：原来的形状不变，只有配色变了。就像 win10 设置暗色模式后，打开命令提示符看到的那样。
v2ex 和 twitter 在 firefox 也做出了暗色滚动条，在 edge 上反而没有。也许是方法不一样。
而浏览 github 的时候发现，最右侧的滚动条也变成了暗色模式。显然不是利用::webkit-scrollbar 实现的，会改变整个滚动条的形状。
而利用开发者工具在 css 里也没有 scroll 字样，可能有简单的实现方法但楼主没发现……
在 windows 上看，滚动条的样式变成了：原来的形状不变，只有配色变了。就像 win10 设置暗色模式后，打开命令提示符看到的那样。
v2ex 和 twitter 在 firefox 也做出了暗色滚动条，在 edge 上反而没有。也许是方法不一样。
 |
1
codehz 2021-01-25 21:39:42 +08:00  1
<meta name="color-scheme" content="light dark">
|
|
2
codehz 2021-01-25 21:42:24 +08:00
|
Select Language