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 に答える