css - выпадающий список (опция, выбрать)

Question

Я смог контролировать ширину опции и т. Д.

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

Посмотрите на это изображение, чтобы понять, что я имею в виду:

http://img69.imageshack.us/img69/2752/dropdowno.jpg

Вот так я настраиваю ширину опции и выбираю

option
{
    width:100px;
}
select
{
    width:100px;
}

Answer 1

Мне жаль говорить, что большинство браузеров не позволяют вам этого делать; формы остаются очень сложными для стиля. Фон не может расширять всю ширину родительского элемента, потому что браузер учитывает ширину полосы прокрутки элемента (независимо от того, присутствует ли он на самом деле).

Вы можете использовать Javascript для рендеринга замен, которые могут быть стилизованы для вашего сердца, однако, и существует множество способов сделать это. Если вы используете jQuery, возможно, вы захотите взглянуть на эту подборку плагинов .