Встроенные поля формы: окно поиска и кнопка в jQuery-Mobile - PullRequest
Новая
       47

Встроенные поля формы: окно поиска и кнопка в jQuery-Mobile

5 голосов
/ 12 июля 2011

Вот чего я пытаюсь достичь:

enter image description here

Вот что я получаю:

enter image description here

Пожалуйста, просмотрите JSFiddle этого с помощью веб-браузера (Chrome или Safari): http://jsfiddle.net/KqEqN/

Это происходит, когда вы сужаете экран, но все еще достаточно места для кнопки. Я изучил CSS, пытаясь найти какой-то отступ справа от кнопки, но не смог. Кроме того, откуда, черт возьми, эта горизонтальная линия происходит?

1 Ответ

4 голосов
/ 12 июля 2011

Я не знаком с jQuery Mobile, поэтому могу ошибаться.Я предполагаю, что вы должны добавить дополнительные классы вместо переопределения темы jQuery Mobile.

Исправление включает в себя: 

.ui-input-search {
    width: 50px;
    display: inline-block;
}

Проверьте это в действии здесь: http://jsfiddle.net/NqFhQ/

...