0

我可以在我的 firefox 插件中的文本框 XUL 元素中添加图像图标，但是这个图标出现在文本框的左侧，我无法在右侧对齐图标。

这是代码：

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

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

4

2 回答 2

3

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

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

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

于 2012-06-12T08:34:19.250 回答
0

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

于 2012-06-12T00:41:27.137 回答