使用Firefox XUL，是否可以用样式消除列表框边框？

Question

我有以下XUL片段，它工作正常，但在整个列表框周围放置一个1像素的边框。我尝试了很多CSS样式，但无法消除边框。

有什么想法吗？

<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

您可以应用“-moz-appearance：none;”你的CSS中的风格规则。

例如：

  

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;

     

}