如何在XUL右側的文本框中插入圖像？

Question

我可以在firefox插件中的文本框XUL元素中添加圖像圖標，但此圖標出現在文本框的左側，我無法對齊右側的圖標。

下面是代碼：

<textbox> 
    <image src="chrome://myextension/skin/icon.png"/>   
</textbox> 

我試圖把圖像中的橫向盒和應用ALIGN =權利，但沒有成功。但我相信這是可能的例如urlbar圖標和搜索欄圖標，但我不知道如何實現這是普通的文本框。請告訴我該怎麼做？

Answer 1

如果你看它使用DOM Inspector你將看到<textbox>標籤產生一些匿名內容（實際輸入字段）和圖像插入前它。您不能更改插入點。但是，你可以用-moz-box-ordinal-group CSS property使輸入域後，將顯示圖像（具有默認-moz-box-ordinal-group: 1值）：

<textbox> 
    <image src="..." style="-moz-box-ordinal-group: 2;"/> 
</textbox> 

注意，一旦corresponding standard變得更加成熟-moz-box-ordinal-group將被重新命名爲box-ordinal-group。

Answer 2

請嘗試使用文本對齊= end屬性：https://developer.mozilla.org/en/XUL/Attribute/align