为什么CSS规则在Chrome检查器中变灰

Question

我正在尝试编辑元素，但是由于某些原因我需要编辑的样式显示为灰色。是什么原因造成的？ other question似乎无法解决这种情况。

Answer 1

1. 交叉样式已被另一个CSS规则覆盖
2. 显示为灰色的文本是不适用的规则（例如，为其他浏览器预先设置的文本）
3. 灰色背景表示只读样式，无法在检查器中进行编辑。

请参阅此Question的更多细节。 Chrome devtool documentation

Answer 2

这意味着该规则已被其他规则所取代。

在您的情况下，所有带前缀的规则（-webkit / -moz ...）被标准的user-select规则所取代。