Позиционирование в выпадающем списке JQuery Mobile

Question

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

Я пытаюсь выровнять раскрывающийся список рядом с вводом текста, но верхняя часть вводов выходит за пределы строки.

Вот пример: http://jsfiddle.net/f6Prp/

Я хочу, чтобы раскрывающийся список располагался сверху вниз вместе с текстовым полем.Независимо от того, какой стиль я добавлю, я не могу повлиять на положение выпадающего меню.

Любая помощь будет высоко ценится.

Спасибо,

Крис.

Answer 1

Класс ui-btn определяет верхнее поле.Вы можете отключить его с помощью следующего стиля:

.ui-select .ui-btn {
    margin-top: 0px;
}

Обратите внимание, что вышеизложенное повлияет на все поля выбора, которые могут не соответствовать вашим требованиям.В этом случае вы можете использовать более ограничительный селектор.

Здесь вы можете найти обновленную скрипку .