用于在 ie7 中将选择元素的背景设置为透明的 css

Question

我有这样的代码

<div>
  <select>
     <option>Option 1</option>
     <option>Option 2</option>
     <option>Option 3</option>
     <option>Option 4</option>
  <select>
</div>

div 有一个背景图片，应该可以通过选择框看到。我遇到的问题是 IE7，我无法将选择元素的背景颜色设置为透明。

编辑:图像只是向下箭头。文字为真实文字。

我用过这个 CSS 但它不起作用

background-color:transparent

这里是一个截图，以帮助更好地理解

Answer 1

你试过吗？

.transparent {
  filter: alpha(opacity=0);
  opacity: 0;
}

在 Web 开发方面，IE7 并不是你最好的 friend 。有很多东西是行不通的。

不过，您可以使用一些不错的 javascript 插件来覆盖默认样式。

I personally use this one at work.当我需要使用自定义下拉菜单支持 IE7 时。