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

这是我的密码。我在左侧的文本字段中插入了一个图标。在浏览器中启用“自动完成”功能时，图像会因“自动完成”而消失。即使在浏览器中启用了自动完成功能，我应该怎么做才能使图标显示出来

 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}"/>

input.usernm{
字体大小：14px；字体大小：正常；
文本缩进：8px；文本转换：大写；高度：10px；背景：url（resources/images/userimg.png）不重复8px 7px；宽度：183px；
}