如何在文本區域中的文本添加圖標在GWT中？

我有文字（一些幫助提示）文本區域，我想文本前添加，以信息圖標，它看起來像：如何在文本區域中的文本添加圖標在GWT中？

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

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

如果這是不可能的圖標添加到文本區，也許是任何關於如何做的其他解決方案（在標籤中？）？

2013-01-21 Dragon

爲什麼你想在TextArea中使用圖標嗎？ TextArea用於用戶輸入文本。它不用於顯示文本。 –

您不能將圖標添加到TextArea。您可以在指定位置的TextArea頂部顯示圖標（通過將圖標和文本區域添加到div並使用相對定位），但隨後用戶輸入它時將遮擋下方的文本。

2013-01-21 15:03:07

我增強了當前的用戶界面，我發現文本區域應該是開始時的圖標（這不是我的決定）。所以，如果不可能使它看起來好看，是否有可能使其成爲別的？我的意思是一個以文字開頭的區域？ – Dragon

如果這不是用戶輸入，則可以簡單地使用Label而不是TextArea。然後你可以在它前面放一個圖標。 –

-1

你只需要CSS指令：

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

.yourClass是CSS類在你的文本區設置。

30px對應於圖像的寬度，以避免文本被放置在上面。

2013-01-21 11:08:00 RodolpheChe

回答