элемент выбора стиля (стрелка, выпадающее меню, опции) с jquery?

Question

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

Но вы пробовали элемент выбора стиля?

Я читал, что это особенность ОС и, таким образом, без jquery, используя простой CSS, невозможно стилизовать.

• Так мне интересно, если кто-то пытался придумать простой (короткий) скрипт, который переписывает выберите в <ul><li>?

• Каковы недостатки? vs clean select?

• И можно ли также опустить часть? реализации, которые я видел в Интернете, в основном наполовину стилизованы - только часть стрелки.

спасибо.

Answer 1

В общем, это не рекомендуется, чтобы сформировать стиль элементов непосредственно. Также он не будет слишком хорош, кроме старых IE. Элементы формы традиционно были в согласованном стиле, как операционная система, чтобы обеспечить совместимость с пользовательским интерфейсом, поэтому они не предназначены для стилизации. Если вы хотите, хотя, есть альтернативы:

Для некоторых элементов, есть отличный плагин называется chosen

Там также различные механизмы для этого, таких как bootstrap из Twitter.

Answer 2

Выпадающее поле отображается ОС; вы не можете полностью стилизовать его. Вам нужно заменить фальшивку select.

Это не обязательно лучший плагин там, но это работает: http://filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

Answer 3

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

Вы можете использовать виджеты, такие как додзе FilteringSelect (который использует UL, литий и т.д.) или один из нескольких плагинов JQuery там

http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/tests/form/_autoComplete.html?testWidget=dijit.form.FilteringSelect (см «форматированный текст» пример на этой странице)

если они слишком тяжелы для ваших нужд, вы всегда можете написать свои собственные JS и CSS, изучив методы, используемые в этих виджетах. Обратите внимание, что для доступности ARIA, i18N и совместимости с браузером, как правило, неплохо использовать один из существующих популярных виджета, если у вас нет жестких требований к производительности.