Question

Is there a way to style a menulist in XUL?

I’m using this code but the image is appearing inside the dropdownlist and keeping the original style of the arrow.

menulist,menupopup{ 
    -moz-appearance: none !important;
    list-style-image: url("chrome://myExt/skin/images/lang.png") !important;

}

Thanks in advance,

Answer 1

What you are apparently attempting to style isn’t the <menulist> tag itself but the anonymous <dropmarker> tag inside it. This will work:

menulist > dropmarker {
  -moz-appearance: none;
  border-style: none;
  list-style-image: url("chrome://myExt/skin/images/lang.png");
}

For more information on anonymous nodes see XUL implicit elements.