2010-06-23 3 views

ответ

6

Так же, как и любой другой элемент

option:nth-child(even) { 
    background-color: red; 
} 

option:nth-child(odd) { 
    background-color: blue; 
} 

Если вам нужна поддержка браузеров, которые не поддерживают nth-child вам нужно использовать класс.

Некоторые браузеры не поддерживают стиль option s вообще (угадайте, какие из них).

+0

большое спасибо. как ограничить количество отображаемых элементов? –

+0

Невозможно. Это зависит от браузера или даже от операционной системы. – RoToRa

0

ОК, если это идет по пути HTML/CSS, я мог бы также предложить прекрасный плагин jQuery UI под названием UI Selectmenu. Это самое замечательное, что я видел в избранных меню. Бьюсь об заклад, вы можете легко реализовать чередующиеся цвета опций.

Но, честно говоря, этот плагин находится в стадии разработки - действуйте осторожно!

0

Просто добавьте атрибут размера вместе с тегом select. Пример select size = "4", где 4 - нет параметров для отображения.

Смежные вопросы