HTML 选择框 : combining background image with background color in IE

Question

        select {
            border: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none;
            background: url('/drop.png') no-repeat;
        }
        option {
            background-color:#13814F;

        }

相对简单的问题——在上面的例子中，每个选项(包括被选中的)的背景颜色与选择框的背景图像重叠。透明度不是图像的问题。

作为旁注，使用 jquery 设置选择框样式的最现代或最易于使用的插件是什么？我试着不做，但慢慢地失去了耐心。

Answer 1

根据 http://msdn.microsoft.com/en-us/library/ms535877%28v=VS.85%29.aspx你想用 CSS 做的事情不能在 IE 中完成。它说明了选项元素:

“除了 background-color 和 color 之外，通过选项元素的样式对象应用的样式设置将被忽略。此外，直接应用于单个选项的样式设置会覆盖应用于整个包含 SELECT 元素的样式设置。”