Question

我想更改toolbarbutton中菜单按钮的背景颜色。

我应用了以下代码，但它无效。

<toolbarbutton id="search" background-color="red" type="menu-button" label="Search"  width="83" height="25" oncommand="webSearch();event.stopPropagation();">
    <menupopup>
        <menuitem label="Web" value="webs" onclick="webSearch();event.stopPropagation();"/>
        <menuitem label="Images" value="images" onclick="imageSearch();event.stopPropagation();"/>
        <menuitem label="News" value="news" onclick="newsSearch();event.stopPropagation();"/>
        <menuitem label="Video" value="videos" onclick="videoSearch();event.stopPropagation();"/>
    </menupopup>
</toolbarbutton>

Answer 1

您应该使用CSS：

<toolbarbutton style="background-color: red;">

Answer 2

我认为你不能拥有按钮的背景颜色。请检查一下，您可以更改文本的颜色而不是按钮颜色。

我建议您使用自定义工具栏按钮。

https://developer.mozilla.org/en/custom_toolbar_button https://developer.mozilla.org/en/XUL/toolbarbutton

上述链接可以帮助您解决问题。

<toolbar>
  <toolbarbutton label="Checkbox Type" type="checkbox" image="firefox.png"/>
  <toolbarbutton label="Menu Type" type="menu" popup="button-popup" style="font: bold 11px Verdana, sans-serif !important; color:#327DC7; background-color=#327DC7;" />
  <toolbarbutton label="Menu Button Type" type="menu-button" popup="button-popup" image="firefox.png"/>
  <menupopup id="button-popup">
    <menuitem label="Item 1"/>
    <menuitem label="Item 2"/>
    <menuitem label="Item 3"/>
  </menupopup>
</toolbar>

要了解有关工具栏菜单按钮CSS功能的更多信息，您可以在系统的安装目录中查看Firefox dafult设置。例如，像这样：

罐：文件：/// C：！/Program%20Files/Mozilla%20Firefox/chrome/classic.jar /skin/classic/global/toolbarbutton.css

如何改变xul中menubutton的背景颜色

2 个答案: