html - 将图像添加到输入字段的前面

Question

我想将图像添加到输入字段的前面，就像您在登录面板上看到的那样，它可能会在用户输入字段的前面显示用户的图标。然而，我所有的谷歌搜索返回都将背景图像添加到输入字段。

有人知道任何教程或有如何完成的示例吗？

Answer 1

将它包裹在一个div中，将背景图像放在div上。

.input_wrapper{background:url('myimage.png');}
input{background:none}