Question

看起来您可以通过IE 11使用特定于IE的滚动条样式，例如：scrollbar-face-color，scrollbar-track-color等，但不能使用Edge。 Edge有替代方案吗？

Answer 1

如果没有official documentation，clear indications或official word from the dev team，很难具体了解，但根据之前关于Edge的目的和设计目标的评论，这似乎不太可能。

这就是我说的原因：

您引用的属性最初是添加到{2.1}规范的IE8 as extensions。这些属性是非标准的，并被视为illegal in some circles。（还有其他non-standard variations，但不清楚它们是否在MS Edge中得到支持。）

很明显，Edge中可能无法正式支持这些特定属性，可能是因为它们是专有扩展。

这似乎不太可能改变，因为MS Edge的主要设计点之一是抛弃传统兼容性，支持标准和跨平台互操作性。（并且，鉴于在不更改主要版本号或次要版本号的情况下对IE11进行了major functionality changes，完全可行的是，在任何给定的更新后，对非标准属性的支持可能会消失。）

这些属性在您正在使用的构建中工作的事实可能是一个深思熟虑的设计决策，或者它可能是由于Edge基于Trident引擎的分支这一事实的副作用，其中许多行遗留代码已被删除。

同样，在没有官方确认或公告的情况下，这是基于经验和之前团队行为的所有猜测。你的旅费可能会改变。

希望这会有所帮助......

- Lance

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

支持Edge Browser中的滚动条样式

2 个答案: