0

我有这个 xbl 绑定：

  <binding id="toolbarbutton" display="xul:button" role="xul:toolbarbutton"
           extends="chrome://global/content/bindings/button.xml#button-base">
    <resources>
      <stylesheet src="chrome://global/skin/toolbarbutton.css"/>
    </resources>

    <content>
      <children includes="observes|template|menupopup|panel|tooltip"/>
      <xul:stack>
        <xul:image class="toolbarbutton-icon" xbl:inherits="validate,src=image,label"/>
        <xul:image class="profilist-badge" xbl:inherits="validate,src=badge,label"/>
      </xul:stack>

但是，当list-style-image在toolbarbutton（这是stack这些images的父级）上设置时，当我希望它为空白时，该image.profilist-badge元素正在使用它：（我当前的解决方法是将 的属性设置为不存在的图像。list-style-imagebadgetoolbarbutton

这是一个低优先级的问题。只是问，这样我有一天可以在 mdn 上记录这个。在我的插件中，我chrome://mozapps/skin/places/defaultFavicon.png通过设置徽章匿名节点的类来默认列表图像：

.PanelUI-profilist .profilist-badge {
    list-style-image: url(chrome://mozapps/skin/places/defaultFavicon.png);
}
4

1 回答 1

1

list-style-image是的，XUL/XBL 在继承方面有点特别。

我知道的唯一方法是添加list-style-image: none以避免子树xul:image接管list-style-image父元素的值。

于 2014-08-07T17:48:52.317 回答