如何在XUL右侧的文本框中插入图像？

Question

我可以在我的firefox插件的文本框XUL元素内添加图像图标，但是该图标显示在文本框的左侧，而我无法在右侧对齐图标。

这是代码：

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

我试图将图像放入hbox并应用align = right，但没有成功。 但是我确信这对于例如urlbar-icons和searchbar-icons是可行的，但是我不知道如何实现这是普通的文本框。 请告诉我该怎么做？

Answer 1

如果使用DOM Inspector进行查看，则会看到为<textbox>标记（实际输入字段）生成了一些匿名内容，并且在其之前插入了图像。 您不能更改插入点。 但是，可以使用-moz-box-ordinal-group CSS属性在输入字段之后显示图像（该字段具有默认的-moz-box-ordinal-group: 1值）：

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

请注意，一旦相应的标准变得更成熟， -moz-box-ordinal-group将重命名为box-ordinal-group 。

Answer 2

尝试在文本框中使用align = end属性： https : //developer.mozilla.org/en/XUL/Attribute/align