Question

我想让我的网站的滚动条变暗并自定义它。它可以在::-webkit-scrollbar的Chrome上运行，但它无法在Edge上运行 - 我找不到更改Microsoft Edge上滚动条颜色的方法。

有谁知道怎么做？请帮助：）

Answer 1

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

您可以投票UserVoice suggestion为样式滚动条添加方法。在EdgeHTML引擎中规划要素优先级时，我们将此作为输入之一。

Answer 2

以下对我有用：

/* 适用于 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

如何更改Microsoft Edge滚动条的颜色？

2 个答案: