При padding поле выходит за рамки на мобильных устройствах

@qwertyyyyyw · Регистрация: 29.01.2015

Author24 — интернет-сервис помощи студентам

Привет, верстаю для мобильных устройств. Делаю строку поиска. Но при padding поле выходит за рамки и получается плохо. Если не использовать padding то текст встанет на картинку. Не подскажите, что сделать?

HTML5

1	<input type="search" name="search" class="field search" placeholder="Поиск">

.

CSS

    
.search {
    height:27px;
    padding-left:23px;
    margin-top:7px;
    background: #FFF url('/images/magnify (3).png') no-repeat;
    background-position: 3px 5px;
}

@Karssen · 18.09.2015, 11:17

Попробуйте box-sizing:border-box.

@qwertyyyyyw · 18.09.2015, 13:29 **[ТС]**

Karssen, Ух ты! Спасибо большое!

@Karssen 152 / 151 / 67 Регистрация: 25.02.2015 Сообщений: 493
	18.09.2015, 11:17	2
	Попробуйте box-sizing:border-box. 1

@qwertyyyyyw 6 / 6 / 5 Регистрация: 29.01.2015 Сообщений: 456
	18.09.2015, 13:29 [ТС]	3
	Karssen, Ух ты! Спасибо большое! 0

Опции темы