Css 在输入字段中对齐图标

我有几个问题。我选择使用焦点和模糊作为输入字段中的文本值，而不是占位符文本，因为chrome中存在占位符文本居中的问题

我需要将图标定位在输入字段中，以输入字段为中心。和跨浏览器兼容

我尽了一切努力使事情集中起来。这是我做的一个精灵，工作很好，代码还可以。问题在于图像的垂直对齐

有人能帮忙吗。小提琴的链接是：

---

除了在页面加载时显示文本的输入字段外，所有代码都完成了，但我们可以解决这个问题。其他一切似乎都正常。

据我所知，您需要定位。搜索重置输入上方的范围？ 首先，您需要用额外的块（div）来包装它们，并使这个div位置为：relative

---

然后将position:absolute添加到您的.searchreset中，并使用top、left、right和bottom css属性进行定位。searchreset

能否将图像资源添加到小提琴中？图像在小提琴中。检查css：这里是文本框中没有显示的图像。请添加图像，以便我们可以看到它并解决问题。您发布的链接将我带到一个页面。