Как изменить цвет фона menubutton в xul

Question

Я хочу изменить цвет фона кнопки меню на панели инструментов.

Я применил следующий код, но он не работал.

<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