Jquery 在输入类型文本中添加图像

我试图在一定时间内用眼睛图标显示密码。我尝试添加类并为该输入添加背景图像。但高度和宽度的对齐比文本框大。尝试更改高度时，由于背景img位于输入中，输入大小减小

有没有办法解决这个问题

$ShowCurrentPassword.clickfunction{ $'Password'.attr'type'，'text'； setTimeoutfunction{$'Password'.attr'type'，'Password'；}，900； }; 输入{ 背景：urleye.png无重复固定； } 当前密码

---

您可以使用背景大小作为高度和宽度，检查我的编辑

$ShowCurrentPassword.clickfunction{ $'Password'.attr'type'，'text'； setTimeoutfunction{$'Password'.attr'type'，'Password'；}，900； }; 输入{ 背景：urlhttps://d30y9cdsu7xlg0.cloudfront.net/png/7467-200.png 不重复； 背景尺寸：25px； 背景位置：2%； } 当前密码

---

使用引导输入组类

<div class="input-group">
  <input type="text" class="form-control" placeholder="Recipient's username" aria-describedby="basic-addon2">
  <span class="input-group-addon" id="basic-addon2">@example.com</span>
</div>

---

谢谢，这很有效：但是在输入密码时，眼睛图标不应该在那里@Hemandagopal工作情况如何。你能点击眼睛图标吗？因为我不是，我只是用了这些类，你导入了jquery插件吗？对不起，我没有注意到你在jquery上有问题，我认为问题只在于风格，如果你想要一个可点击的眼睛，它不能作为背景为什么不作为一个按钮显示，如果你做出决定，我可以更新我的代码！。我已经试过“显示”按钮，它工作得很好。我试着用不同的风格探索我的用户界面，并考虑使用eye。不用担心，我使用的是左侧的eye图标