Comment changer la couleur de fond de menubutton dans xul

Question

Je veux changer la couleur de fond du bouton de menu dans la barre d'outils. J'ai appliqué le code suivant, mais cela ne fonctionnait pas.

<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

Je ne pense pas que vous pouvez avoir la couleur d'arrière-plan du bouton. S'il vous plaît vérifier avec cela, vous pouvez changer la couleur du texte pas la couleur du bouton.

Je vous suggère d'avoir un bouton de barre d'outils personnalisé.

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

Les liens ci-dessus vous aidera à résoudre votre problème.

<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> 

Pour en savoir plus sur le bouton Menu barre d'outils fonctionnalités CSS, vous pouvez vérifier les paramètres de Firefox dafult dans le répertoire d'installation de votre système. Par exemple, comme ceci:

jar: file: /// C: /Program%20Files/Mozilla%20Firefox/chrome/classic.jar /skin/classic/global/toolbarbutton.css

Answer 2

Vous devez utiliser CSS:

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