XUL 中的 CSS 特性

Question

默认样式表有:

toolbarbutton {
  -moz-appearance: toolbarbutton;
}

现在我想改变那个外观不是这样的:

.profilist-tbb {
  -moz-appearance: none;
}

这是元素:

<toolbarbutton class="profilist-tbb"></toolbarbutton>

但是计算样式(当我将鼠标悬停在它上面时，很明显)-moz-apperance 是遵循默认样式表的工具栏按钮。

但是我的类(class) backgroundColor 不适用。

css的特殊性是class高于element。如果你在 html 中应用它，它工作正常:http://jsfiddle.net/c5hr1579/

如何让我的类(class)更具体？即使我将 toolbarbutton 的 id 设置为 profilist-tbb 并将样式表更改为 #profilist-tbb{ 它也不需要。

Answer 1

鉴于您最有可能使用 nsIDOMWindowUtils.loadSheet(或样式表服务)，您应该将表单加载为 Ci.nsIDOMWindowUtils.AUTHOR_SHEET，以便表单被放置在级联中的正确位置。

现在，您似乎正在使用 USER_SHEET。这将导致该工作表插入到任何作者工作表之前，包括 chrome://global/skin/toolbarbutton.css(这是一个作者工作表)，然后重置您的 -moz-再次出现。