Internet Explorer 中选择标记的 CSS 选择器答案

【问题标题】：CSS selector for a select tag in Internet ExplorerInternet Explorer 中选择标记的 CSS 选择器
【发布时间】：2012-02-23 00:46:14
【问题描述】：

我有这段 HTML

<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 中选择菜单的样式？

【问题讨论】：

【解决方案1】：

试试这个：

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

通过转义括号，CSS 可以识别它们。适用于 IE8 和 7（模拟）。在 Chrome 中也很好。这是一个要演示的小提琴：http://jsfiddle.net/97xnb/

信用必须转到我发现这个想法的这个网站：PigsLipstick

【讨论】：