css - 通过 Chrome 中的注入(inject)样式表进行奇怪的样式设置

Question

我们刚刚购买了 Primeface Theme&Layout Sentinel。但是我注意到 Chrome 中表格的样式很奇怪。表格页眉和页脚具有橙色边框。我的同事看不到这个，如果我更改我的 chrome 配置文件，我也看不到。

原文可见:http://www.primefaces.org/sentinel/documentation.xhtml#j_idt38

我注意到 Chrome 正在注入(inject)样式表:

.ui-widget-header {
    border: 1px solid rgb(231, 143, 8);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background: url(http://primefaces.org/sentinel/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x rgb(246, 168, 40);
    color: rgb(255, 255, 255);
    font-weight: bold;
}

这个注入(inject)的样式表来自哪里？我怎样才能阻止它？我知道 chrome 扩展可以注入(inject)样式表，但是这个样式表有一个指向 primefaces 的 url，或者这只是一个红色的鲱鱼，扩展只是修改了一个现有的有效样式表？

更新:

.ui-widget-header {
    /* border: 1px solid #3f7506; */
    /* background: #3a8104 url("images/ui-bg_highlight-soft_33_3a8104_1x100.png") 50% 50% repeat-x; */
    color: #ffffff;
    font-weight: bold;
}

这是正常的样式表(它正在被一些其他样式覆盖，这就是为什么某些部分被注释掉的原因)。此样式表存在于两个配置文件中。从 URL 可以看出，样式通常使用相对 URI，但注入(inject)的样式使用绝对 URI。

Answer 1

好的，我找到了罪魁祸首!我已经一一禁用了我的每个扩展程序，直到页面正确显示为止。它是“CSS 选择器测试器”。我认为这是一个我经常使用的好工具，但当我不使用它时它不应该搞砸我的页面!

有趣的是，CSS 选择器测试器在我发现样式问题的页面上不起作用。在其他页面上它工作正常。