html - Internet Explorer 中选择标签的 CSS 选择器

Question

我有这段HT​​ML

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

我需要更改选择菜单的宽度。我不能只在 select 标签中使用 width 属性，因为 HTML 是自动生成的。所以我只需要使用 CSS 选择器。我尝试使用以下菜单选择菜单，并且都可以在 Google Chrome 上使用...

select[multiple]{
  width:320px;
}

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

但它们不适用于 Internet Explorer。我不能只使用 select，因为我不想更改表单中的其他选择菜单。

如何在 Internet Explorer 中更改该选择菜单中的样式？

Answer 1

试试这个:

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

通过转义括号，CSS 可以识别它们。适用于 IE8 和 7(模拟)。在 Chrome 中也很好。这里有一个 fiddle 来演示:http://jsfiddle.net/97xnb/

必须感谢我发现这个想法的网站:PigsLipstick