如何在GWT的TextArea中添加文本附近的图标？

Question

我有文字区域（一些帮助提示），我想在文字之前添加信息图标，看起来像：

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

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

如果无法向TextArea添加图标，可能还有其他解决方法（如标签？）？

Answer 1

您无法在TextArea中添加图标。您可以在指定位置的TextArea上显示一个图标（通过将icon和TextArea添加到div并使用相对定位），但随后会在用户输入时隐藏文本下的文本。

Answer 2

您只需要CSS指令：

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

.yourClass是在TextArea上设置的CSS类。

30px对应于图像宽度，以避免文本定位在其上。