无法在 chrome 中编辑 CSS STYLE 属性（变灰并被阻止）

Question

我遇到（以前没见过）一些奇怪的问题。当我第一次进入一个站点（有问题的站点是 RunForGithub.com），并打开 Chrome Inpsect 控制台时，我可以即时修改 css 属性。但是，当我刷新页面 (F5) 时，我无法再修改它们：

属性区域显示为灰色。但是，这只会发生在特定的只有一个加载的 (runforgithub.com/_styles.css) 文件上，而不会发生在其他 .css 文件上。这很烦人，有什么想法吗？

Answer 1

这已被批准为错误，将在不久的将来修复：

Answer 2

关闭开发工具并再次打开它可以暂时解决这个问题。这是官方错误报告：https://bugs.chromium.org/p/chromium/issues/detail?id=796629

Answer 3

过去几天我遇到了这个问题，这是一个 CSS 规则，它把所有东西都放在地板上。

.myelement {
   background: black url("") center/cover no-repeat;
}

是的，您已经看到了这个可怕的小错误！

.myelement {
   background: black center/cover no-repeat;
}

只需删除 url，对我来说一切都恢复正常。

奇怪的是 SASS 自动编译似乎并没有对这条规则感到不安。

Answer 4

我迟到了。但是我只是通过按 CTRL + SHIFT + R 在我的网站上进行硬重置来修复我的问题，然后一切恢复正常。

Cant edit CSS STYLE properties (grayed out & blocked) in chrome