跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 如何在 Edge 以及其他 chromium 上实现暗色滚动条呢?
未分類
5 2 月 2021

如何在 Edge 以及其他 chromium 上实现暗色滚动条呢?

如何在 Edge 以及其他 chromium 上实现暗色滚动条呢?

資深大佬 : kawaiidora 6

当系统偏好暗色主题的时候,可以利用 @media (prefers-color-scheme: dark)设置其他元素的配色。
而浏览 github 的时候发现,最右侧的滚动条也变成了暗色模式。显然不是利用::webkit-scrollbar 实现的,会改变整个滚动条的形状。

而利用开发者工具在 css 里也没有 scroll 字样,可能有简单的实现方法但主没发现……

在 windows 上看,滚动条的样式变成了:原来的形状不变,只有配色变了。就像 win10 设置暗色模式后,打开命令提示符看到的那样。

v2ex 和 twitter 在 firefox 也做出了暗色滚动条,在 edge 上反而没有。也许是方法不一样。

大佬有話說 (2)

  • 資深大佬 : codehz

    <meta name=”color-scheme” content=”light dark”>

  • 資深大佬 : codehz

    相关文章
    https://web.dev/color-scheme/

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具