Google Chrome 开发者工具 - 无法编辑 CSS

Question

我正在使用 Google Chrome 开发人员工具在 localhost 站点上尝试不同的 CSS 值，例如将“border-width: 1px”更改为“border-width:2px”。

由于某种原因，我无法编辑。如果我点击“1px”，我可以输入一个新值，例如“2px”，但只要我点击返回，值就会返回“1px”。

由于某种原因，它只影响一个站点 - 我可以编辑的所有其他站点都很好。

任何想法可能是什么问题？

早些时候，我在顶部看到“在调试器中暂停”通知，页面呈灰色。这可能与问题有关吗？

Answer 1

我发现问题出在网站样式表中使用@import，具体来说：

@import url('http://fonts.googleapis.com/css?family=Open+Sans');

一旦注释掉，我就可以再次编辑 CSS。