IE7 прокрутка Input background image при написании длинного текста

Posted Sat, 07/10/2010 - 17:43

Насколько вы знаете в IE7 прокрутка background image в input работает некорректно. Когда вы пытаетесь написать слишком длинный текст, то background image начинает "уезжать" влево. Есть очень много решений этой проблемы, но единственное, которое мне помогло - вот это:

HTML:

<div id="search-form-wrapper">
  <input id="search-form" type="text" />
</div>

CSS:

#search-form-wrapper {
background:url(/img/search.png)  no-repeat left top;
height: 38px;
}

input#search-form {
border: 0;
width: 262px; /* Your background image width */
height: 38px; /* Your background image height */
line-height: 38px; /* Your background image height */
background:transparent; /* This is the trick */
}

Все, теперь должно корректно работать!

Comments

Anonymous's picture

Nazar

by Anonymous - 11/01/2011 - 19:37

Дуже дякую за допомогу!