Вопрос по css, html – Фоновые изображения на опциях

1

Я хотел бы получить<select> элемент, где каждый<option> помечен значком.

Я могу добиться этого, используя<select size="5">, применяя фоновое изображение к<select> что каждый значок совпадает с опцией, но это сильно зависит от высоты<option> быть предсказуемым (что не так).

Я могу применить отдельные цвета фона к различным параметрам, так почему бы не фоновое изображение?

На самом деле, этот вопрос может быть расширен, чтобы охватить "Какие свойства стиля могут и не могут быть использованы на<option> тэги & Quot;

Argh. Я ненавижу укладку<select>s. Рассмотрите возможность использования пользовательского (& # xE0; laChosen) и будьте свободны в стиле все по своему вкусу :) Ry-♦
Ugly hack? Мех хехехехех. (Regular sizedКроме того, обратите внимание, что когда вы выбираете опцию без более чем одного размера, вы не можете видетьoption, И, без сомнения, он работает только в Firefox.) Jared Farrish
Я думаю<option> игнорирует все правила, кромеcolor а такжеbackground-color. wquist

Ваш Ответ

2   ответа
0

к сожалению, вы не можете добавлять изображения в теги параметров, поскольку они поддерживают только текст. Единственный способ достичь желаемого эффекта - это сделать свой собственный выбор. используя javascript / jquery

1

Вы не можете надежно стилизовать элементы в браузерах; некоторые из них позволят вам вставить фоны, а некоторые нет.

Если вы хотите гарантировать кросс-браузерную совместимость, единственным способом является использование пользовательских виджетов вместо<select> элементы.

Если вы в порядке с ограниченной совместимостью, укажите ваши целевые браузеры.

Похожие вопросы