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

Posted 2023-02-22

【中文标题】无法在 chrome 中编辑 CSS STYLE 属性（灰显并被阻止）

【英文标题】：Cant edit CSS STYLE properties (grayed out & blocked) in chrome

【发布时间】：2018-06-03 08:54:37

【问题描述】：

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

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

【问题讨论】：

我实际上发现如果你关闭开发工具并再次打开它就会得到修复

chrome 的错误

我也时不时遇到这种问题......他们的行为就像我们当时找到的默认样式，我们无法修改“用户代理样式表”

@mehulmpt 将此添加为答案朋友

@mehulmpt Annnnnnnnnnd...赞成。

【参考方案1】：

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

【参考方案2】：

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

https://bugs.chromium.org/p/chromium/issues/detail?id=796629

【讨论】：

还没修好吗？

仍未修复。让我发疯。超级烦人的错误，当它刚刚在几次刷新前被编辑时，看到一个斜体样式块并变灰。

【参考方案3】：

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

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

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

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

只需删除网址，我的一切就恢复正常了。

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

【参考方案4】：

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