CSS样式在Firefox（扩展名）的菜单工具栏中不起作用

Question

如果我将扩展名放在菜单栏中，则在关闭扩展名后，某些CSS属性不起作用。 （在附加工具栏中它完美运行）

视频：http://www.youtube.com/watch?v=iM9EVFe8M4U

github：https://github.com/Exclumice/firex/tree/master/content

CSS：https://github.com/Exclumice/firex/blob/master/skin/overlay.css

无法使用的CSS属性：

.proxy-help {
    background: url("icon-help.png");
    background-position: 97% 50%;
    background-repeat: no-repeat;
    background-color: #e5e5e5;
    border-radius: 10px;
    padding: 5px;
    text-align: center;
    width: 100%;
}
.proxy-help-text > label {
    width: 80%;
}
.proxy-list hbox > label.proxy-country {
    padding: 5px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: url("planet.png");
    background-position: 5px center;
    background-repeat: no-repeat;
    width: 180px;
    text-indent: 25px;
}
.proxy-list .proxy-type {
    padding: 5px;
    width: 50px;
}

如何解决？为什么会这样？

提前致谢。

Answer 1

测试后我们发现了这个。

当它在工具栏中时，DOM Inspector中的元素是黑色的，因此它们不是匿名的：

但是当我们将它们移到PanelUI-popup时，它们会变成匿名，请注意检查器中它们是红色的：

也许@nmaier可以在这里提出建议。

我认为一个盒子失去了它的盒子，所以你使用的％宽度是将osme不同盒子的百分比放在panelui-poup中。