Выберите параметры списка с различными семействами шрифтов - как это сделать?

Question

По-видимому, невозможно присвоить отдельным <option> тегам различные font-family значения. Я бы хотел как-то добиться этого эффекта. Я пробовал плагин jQuery selectbox, но это не позволяет мне стилизовать отдельные опции. Кто-нибудь может предложить решение?

Спасибо

Answer 1

Это не на 100% идеально, но эта скрипка даст вам 90% пути:

http://jsfiddle.net/Y39HQ/

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

По сути, нет, вы не можете сделать это со значением по умолчанию <select>, но JavaScript в сочетании с плагином, таким как selectBox, не так уж сложен.

Кроме того, стилизация отдельных элементов в списке, которыми вы можете управлять с помощью псевдо-селектора css nth-child().Это позволит вам стилизовать каждый элемент в списке.Естественно, если вы вручную создаете элементы в раскрывающемся списке, было бы намного чище просто установить шрифт в точке создания для элемента списка ...

Удачи!

Answer 2

Полное решение DIY, возможно?При щелчке по элементу отображается тег с некоторыми пользовательскими элементами <li>.

Answer 3

Стандартный HTML <select><option>...</option></select> не позволяет менять шрифт между опциями.Это просто невозможно.

Плагин jQuery Selectbox, который вы используете, запускается со стандартным HTML <select> и перерисовывает его.

Теоретически, из-за перерисовки онпоэтому было бы возможно изменить шрифт, но похоже, что этот плагин ограничивает себя в этой области стандартной функциональностью (возможно, чтобы сделать его более плавным для пользователей, использующих стандартный HTML);похоже, он не поддерживает изменение шрифтов.

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

Надеюсь, что поможет.

Answer 4

этот плагин изменяет поле выбора в дерево ul li, так что вы можете установить семейство шрифтов для

.

http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/