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

试试jqtransform插件。该演示显示了一个带有渐变背景图像的选择字段，而选项是纯色。

Answer 2

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

“除背景颜色和颜色外，通过选项元素的样式对象应用的样式设置将被忽略。此外，直接应用于各个选项的样式设置将覆盖应用于包含SELECT元素的整体样式设置。”< / p>

HTML选择框：在IE中将背景图像与背景颜色相结合

2 个答案: