Chrome Web Developer工具，实时CSS编辑无效，重置为默认值

Question

奇怪的Chrome Web Developer工具行为。当我尝试更改元素的现有CSS属性时，在按Enter键后，它将重置为先前的默认状态。早些时候，一切运作良好。已禁用所有扩展，没有任何更改。这是什么？ p.s Chrome版本22.0.1229.94m

Answer 1

http://code.google.com/p/chromium/issues/detail?id=155795已修复在树的顶端，修复程序最终将传播到Chrome 23（当前测试版）和Chrome 22（当前稳定版）。对不起，感谢您的耐心等待。

在任何情况下，请检查样式表是否存在错误，因为只有在编辑损坏的样式表时才会出现此类问题。 http://jigsaw.w3.org/css-validator/是一个很好用的工具（注意“解析错误”错误。）

Answer 2

我不确定这是否是同一个问题，但我发现当AdBlock Plus扩展程序处于活动状态时，此操作无法正常工作。

这可能是错误，但我无法确定 https://code.google.com/p/chromium/issues/detail?id=138854&can=1&q=adblock%20cr%3DPlatform-DevTools&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20Modified

我发现只需单击ABP图标并为相关网站禁用它就可以恢复功能。

Answer 3

绝对检查你的样式表是否有错误 - 它甚至可能不是任何明显的或CSS检查器会找到的。

在我的例子中，有问题的样式是一些输入元素伪选择器，用于样式化占位符文本。删除了线条，它再次完美运行！

修改 我的案例中的错误似乎是通过在媒体查询中放置任何非-webkit前缀输入占位符伪选择器而引起的。去图......

现在要弄清楚为什么这是一个问题...

Answer 4

@viewport的Chrome错误是我的原因：https://code.google.com/p/chromium/issues/detail?id=278289

Answer 5

我在网站上遇到此问题，并将其缩小为缺少背景资源。

我已切换到使用FireFox进行实时CSS编辑，从未遇到过FireBug扩展程序的问题。

Answer 6

重新启动Chrome，然后重试... 您也可以尝试在新标签页中重新加载页面。

这可能是Chrome漏洞。当我使用jQuery css()命令将样式应用于元素时，它发生在我身上，但我想在许多其他场景中也会发生这种情况。

Answer 7

我有同样的问题。 确保文件名正确无误后，从工作区中删除文件夹并再次添加启用实时编辑，以便在本地文件的chrome上再次正常工作。