CSS селектор для тега выбора в Internet Explorer

Question

У меня есть этот кусок HTML

<select multiple="" name="colonia_id[]" id="colonia_id[]" onchange="" size="10"></select>

Мне нужно изменить ширину меню выбора.Я не могу просто использовать атрибут width в теге select, потому что HTML генерируется автоматически.Так что я просто должен использовать селектор CSS.Я попытался выбрать меню со следующим, и оба работают в Google Chrome ...

select[multiple]{
  width:320px;
}

select[name="colonia_id[]"]{
  background-color:yellow; 
}

Но они не работают с Internet Explorer.Я не могу просто использовать выбор, потому что есть другие меню выбора в форме, которые я не хочу менять.

Как я могу изменить стили в этом меню выбора в Internet Explorer?

Answer 1

Попробуйте это:

#colonia_id\[\] {
    background-color:yellow; 
}

Сняв скобки, CSS распознает их. Работает в IE8 и 7 (эмулируется). Хорошо в Chrome тоже. Вот скрипка для демонстрации: http://jsfiddle.net/97xnb/

Кредит должен перейти на этот сайт, где я нашел идею: PigsLipstick