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

Question

我有这样的代码

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

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

编辑：图像只是向下箭头。文字是真实的文字。

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

background-color:transparent

以下是帮助您更好地理解

的屏幕截图

Answer 1

你试过这个吗？

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

在网络开发方面，IE7并不是你最好的朋友。有很多事情是行不通的。

然而，您可以使用一些好的javascript插件来覆盖默认样式。

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

Answer 2

由于您使用图像显示文本，请尝试将font-size设置为0px：

  

字体大小：0像素

Answer 3

从死里复活，但也许对其他人有所帮助。

使用这个元素，这必须是头脑下的第一件事

 <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> 

这应该有用。