在浏览器中启用自动完成后，文本字段中不会显示图像图标

Question

这是我的代码。我在左侧的文本字段中插入了一个图标。在浏览器中启用自动完成功能后，自动完成功能会使图像消失。即使在浏览器中启用了自动完成功能，我该怎么做才能显示图标？

 input.usernm{
                  font-size: 14px;font-weight: normal;
                  text-indent: 8px;text-transform: uppercase;height: 10px;background: url(resources/images/userimg.png) no-repeat 8px 7px;width: 183px;
              } 


<h:inputText styleClass="usernm" style="color:black;font-weight: bold" id="username" maxlength="8" required="true" requiredMessage="Please enter a username" value="#{userBean.username}"/>