java - GWTのTextAreaのテキストの近くにアイコンを追加するには?

Question

テキスト付きのテキスト領域があり (ヘルプのヒント)、テキストの前に情報アイコンを追加して、次のようにします。

icon -----
----------
----------
-----.

*icon: help icon
*---: help text

アイコンを TextArea に追加できない場合、それを行う方法について他の解決策があるかもしれません (ラベルで?)?

score 0 · Accepted Answer

TextArea にアイコンを追加することはできません。指定した場所の TextArea の上にアイコンを表示できますが (アイコンと TextArea の両方を div に追加し、相対位置を使用することにより)、ユーザーが入力するときにその下のテキストが見えなくなります。

score -1 · Accepted Answer

CSS ディレクティブのみが必要です。

.yourClass {
     background-image : url('yourImage.png');
     background-repeat : no-repeat;
     padding-left : 30px; 
}

.yourClass は、TextArea に設定する CSS クラスです。

30px は画像の幅に対応し、テキストが配置されないようにします。

2 に答える 2