jqueryui для текстовых полей и выпадающих списков

Question

Сайт http://jqueryui.com/demos/ описывает, как устанавливать стили для кнопок, радио и флажков.

Это может быть достигнуто с помощью

$(".saveButton").button(
{
    icons: {
     primary: "ui-icon-disk"
    }
});

Так почему бы не TextBoxes и DropDownLists? Можно ли применить кнопку как стиль к текстовым полям и раскрывающимся спискам.

Answer 1

Полагаю, логичный ответ на ваш вопрос заключается в том, что виджет называется «кнопка», а не «элемент формы». Однако для виджета автозаполнения есть combobox demo , который может оказаться полезным. Вот еще одна демонстрационная страница с комбинированным списком без автозаполнения: http://jonathan.tang.name/files/jquery_combobox/demo.html.

Вы также можете найти полезный jQuery UI MultiSelect Widget ; это плагин jQuery UI.

---

Что касается текстовых полей, вы можете просто повторно использовать некоторые классы в jQuery UI CSS framework .

Смотрите несколько примеров здесь: http://jsfiddle.net/william/gJh2d/1/.

Answer 2

Кроме того, раскрывающиеся списки не похожи на ссылки, div или другие более простые html-элементы (формы или иным образом), они, как правило, имеют реализации «нижнего уровня» по умолчанию в браузере, связанные с их рендерингом. Так что гораздо сложнее изменить их внешний вид. Вот почему выпадающий список не разбивается на более простые элементы, т. Е. Он не является текстовым полем с кнопкой рядом с ним, а сам по себе является полным «элементом» / «элементом управления».

Тем не менее, вы можете вернуть контроль (но я бы сказал, что обычно лучше работать с тем, что вы получаете из браузера, так как вы можете видеть, что не так просто полностью контролировать стиль таких элементов.

Подробнее см. Ресурсы, например, например. введите описание ссылки здесь