Выравнивание значка в поле ввода

Question

У меня есть пара вопросов.Я решил использовать фокус и размытие для текстовых значений в поле ввода поверх текста заполнителя, поскольку существует проблема в chrome с центрированием текста заполнителя.

Мне нужно расположить значок в поле ввода по центруполе ввода.И кросс-браузерная совместимость.

Я перепробовал все, чтобы центрировать предмет.Это спрайт, который я сделал, который отлично работает, этот код в порядке.Это выравнивание по вертикали изображения, которое является проблемой,

Может кто-нибудь помочь, пожалуйста.ССЫЛКА на скрипку: http://jsfiddle.net/F2cdu/1/

Весь код выполнен, кроме поля ввода, отображающего текст при загрузке страницы, но мы можем это исправить.Все остальное кажется нормальным.

Answer 1

Как я понял, вам нужно расположить .searchreset span над вводом?Сначала вам нужно обернуть их дополнительным блоком (div) и сделать эту позицию div: относительной. Затем добавьте position: absolute к вашему .searchreset и используйте свойства top, left, right, bottom для position .searchreset