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 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

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

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

2 个答案: