Я создал это потрясающее поле поиска для моей графики. И используйте css sprite для создания эффекта.
Проблема с этим подходом заключается в том, что если вы пишете текст, а затем отмените выделение (щелкните в любом месте за пределами поля поиска), первый фон снова появится, я ненавижу, как он выглядит ...
есть идеи, как заставить его оставаться в фокусе при вводе текста?
Возможно, я мог бы использовать jquery, но должен быть более простой способ, верно?
.search input.box {
background: url("img/search-bg.png") no-repeat scroll 0 0 transparent;
color: #FFFFFF;
font-size: 0.9em;
height: 32px;
padding: 0 0 0 31px;
width: 159px;
}
.search input.box:focus {
background: url("img/search-bg.png") no-repeat scroll left -32px transparent;
outline: medium none;
}