Using Firefox XUL, is is possible to eliminate the listbox border with a style?

Question

I have the following XUL fragment, which works fine, but puts a 1 pixel border around the entire listbox. I've tried a number of CSS styles, but cannot eliminate the border.

Any ideas?

<listbox>
 <listhead>
  <listheader id="adj_lh_1" label = "one"/>
  <listheader id="adj_lh_2" label = "two"/>
 </listhead>
  <listcols>
   <listcol flex="1" />
   <listcol flex="1" />
  </listcols>
 <listitem>
  <listcell id="adj_li_1"  label="data one" />
  <listcell id="adj_li_1"  label="data two" />
 </listitem>
</listbox>

Answer 1

You can apply the "-moz-appearance: none;" style rule in your css.

Eg.:

listbox {

-moz-appearance: none;

-moz-border-bottom-colors: none;

-moz-border-top-colors: none;

-moz-border-left-colors: none;

-moz-border-right-colors: none;

border: none;

}