css - 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。