Forums : Xul, Xbl, JS...

Salut, tu peux faire un truc comme ça :

function changementCouleur(obj)
{
var tabItem = document.getElementById('liste2').getElementsByTagName('menuitem');
for (i=0; i < tabItem.length; i++)
{
tabItem[i].style.backgroundColor = "#fff";
}
obj.style.backgroundColor = "#ccc";
}

Et le xul :

<menulist id="liste2">
 <menupopup>
 <menuitem onclick="changementCouleur(this);">valeur1</menuitem>
 <menuitem onclick="changementCouleur(this);">valeur2</menuitem>
 </menupopup>
 </menulist>

salut, c'est possible aussi en utilisant le css :

menulist menuitem[selected="true"] {
    -moz-appearance: none!important;
    background-color: red;
}

La première règle est indispensable : elle permet d'éviter que l'élément prenne son apparence par défaut, et permet donc à tes propres règles css de s'appliquer correctement. Tu peux alors modifier le menuitem sélectionné (selected="true") comme tu veux : couleur de fond (pas forcément rouge ;-)), couleur de texte, police...

Si tu souhaites modifier complètement le style des menuitem :

menulist menuitem {
    -moz-appearance: none!important;
    /*style d'un menuitem normal*/
}
menulist menuitem:hover {
   /*style d'un item survolé*/
}
menulist menuitem[selected="true"] {
    /*style de l'item sélectionné*/
}

Je confirme, la solution par CSS est la meilleure.

Merci,

J'ai aussi changé ceci :

menulist:focus > .menulist-label-box {
  border: 1px dotted red;
  background-color: red;
  color: red;  
}