我发现了很多关于 Chrome 开发者工具中灰色样式的问题，但没有一个问题能够描述我的奇怪行为。我在 CSS 文件中有简单的类样式。由于某种原因，我可以编辑其中一个，但不能编辑另一个：
CSS 文件：
.result {
background-color: #000;
width: 100%;
height: 100%;
position: absolute;
z-index: 100;
}
.result_image {
height: 80%;
overflow: hidden;
}
.result_text {
font-size: 13.6px;
margin-left: 5px;
font-weight: bold;
height: 20%;
}
HTML:
<div class="result">
<div class="result_image"><img src="..."></div>
<div class="result_text">Some text</div>
</div>
正如您在屏幕截图中看到的，我可以编辑 div class="result_image"，但不能编辑 div class="result_text"。我认为这个问题与 Chrome 声称灰色样式来自样式标签有关，但两种样式都在文件“qb1.core.css”中。
这发生在我身上，没有任何 iFrame。事实证明，我的样式表中有一个样式为 keywords.js 区域的背景提供了一个空 url。基本上，它说：background-image: url('');- 这是在 css 文件中完全不相关的区域，但是当我将其注释掉并刷新页面后，我可以从开发人员工具中编辑 css，并且它显示为来自 css 文件，而不是来自样式标记。
另一件需要指出的是，当我从“源”选项卡观察 css 文件时，css 文件显示为完全空。当我看到这一点时，我能够在以下论坛帖子中找到有关空 url css 规则的信息https://groups.google.com/forum/#!topic/google-chrome-developer-tools/Z_TLvpOXrMg https://groups.google.com/forum/#!topic/google-chrome-developer-tools/Z_TLvpOXrMg
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
