23

我想让我的网站的滚动条变暗并自定义它。它适用于 Chrome，::-webkit-scrollbar但不适用于 Edge——我找不到更改 Microsoft Edge 滚动条颜色的方法。

有谁知道如何做到这一点？请帮忙 ：）

4

2 回答 2

22

目前在 Microsoft Edge 中无法执行此操作。在 IE 中，有供应商特定的、非标准的 CSS 属性来实现这一点。这些在 MS Edge 中被删除，因为它们可用于定位浏览器并破坏与预期旧 IE 行为的站点的兼容性（属性非常旧）。不幸的是，目前 CSS 中没有好的标准属性可以替代这些。

有一个UserVoice 建议您可以投票以添加样式滚动条的方法。在 EdgeHTML 引擎中规划功能优先级时，我们将其用作输入之一。

于 2015-08-14T08:16:05.440 回答
1

以下对我有用：

/* 适用于 Chrome、Edge 和 Safari */

*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: orange;
}

*::-webkit-scrollbar-thumb {
  background-color: blue;
  border-radius: 20px;
  border: 3px solid orange;
}

欲了解更多信息：https ://www.digitalocean.com/community/tutorials/css-scrollbars

于 2021-01-30T10:51:57.127 回答