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

【问题标题】：css for setting background to transparent for select elements in ie7用于在ie7中将选择元素的背景设置为透明的css
【发布时间】：2013-09-27 23:09:11
【问题描述】：

我有这样的代码

<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

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

【问题讨论】：

如果没有看到一些 css，我们真的无能为力，但是尝试在文本上设置 display: inline;，这应该会删除背景
你的css规则是在选择元素上还是在选项元素上？
background-color:transparent 在选择中，但我也尝试过该选项

标签： css internet-explorer-7 background-color

【解决方案1】：

你试过了吗？

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

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

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

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

【讨论】：

非常感谢您的帮助。我已经尝试过您的 css 代码，它确实删除了白色背景，但它也使文本消失。
那么你找到解决办法了吗？？

【解决方案2】：

由于您使用图像来显示文本，请尝试将字体大小设置为 0px：

字体大小：0px

【讨论】：

【解决方案3】：

死而复生，但可能对遇到此问题的其他人有所帮助。

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

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

这应该可行。

【讨论】：