在xul擴展中定義圖像的高度

Question

我的擴展程序是在工具欄中包含一些圖像的疊加層。我需要顯示這些小圖片（大約15px），但它們始終處於與工具欄相同的高度。 我已經試圖定義圖像和hbox的高度和maxHeight，它們被觸摸但不起作用。

這裏是一段代碼：

...

<toolbox id="navigator-toolbox"> 
    <toolbar id="my-toolbar"> 
     <label>images:</label> 
     <hbox id="rsour_inputRating"> 
      <image id="rsour_1" /> 
      <image id="rsour_2" /> 
      <image id="rsour_3" /> 
      <image id="rsour_4" /> 
      <image id="rsour_5" /> 
     </hbox> 
    <toolbarseparator /> 

...

Answer 1

正確的方法是使用在CSS -moz箱對準，或在XUL對準屬性，因此圖像不垂直拉伸：

#rsour_inputRating{ 
    -moz-box-align:center; 
} 

#rsour_inputRating img{ 
    list-style-image : url("chrome://..."); 
    width:20px; 
    height:15px; 
} 

Answer 2

在文件的頂部，添加：

<?xml-stylesheet href="chrome://your_ext_name/content/cssFile.css" type="text/css"?> 

然後在css文件：

#rsour_inputRating img {height:15px;}