Css 在IE中更改选项文本颜色

我试图在选择输入的选项中强制使用文本颜色，它在世界上的每一个浏览器上都起作用，但是guest what，是的，IE仍然不在乎样式表中的颜色

你们知道如何强迫IE使我的文本颜色如我所愿吗

这就是我所期望的

这就是IE所做的

CSS

#footer .findProduct select{background: transparent; border:0; color:#fff!important; font-weight:700; text-transform: uppercase;  font-family: 'Crimson Text',serif; }
#footer .findProduct select option{color:#000!important; text-transform: uppercase;}

---

您的css规则相互矛盾，将其更改为：

#footer .findProduct select{background: transparent; color: #fff; border:0; font-weight:700; text-transform: uppercase;  font-family: 'Crimson Text',serif; }
#footer .findProduct select option{color:#000 !important; text-transform: uppercase;}

---

演示：

使用css设置样式选择是个坏主意。要在所有浏览器中正确设置它们的样式是不可能的。你所能做的就是用js模拟选择框。有可用的框架和插件。基本上，它们将隐藏选择，并用列表或类似选择的东西替换它们，这样您就可以完全设置样式。在后台，他们将更新与列表同步的选择，以使您的表单在提交时仍能正常工作。您也可以自己做一些类似的事情（最好使用jQuery），如果您对它稍微熟悉一点，应该不会太难

---

我猜您在屏幕截图中使用的自定义箭头按钮不起作用…

不，一个用于默认选择，另一个用于单击时的选项。通过这样做，默认选择的选项是黑色的，必须是白色的。你不明白，我希望默认值是白色的，选项是黑色的，就像第一张图片一样。现在你的例子两个都是黑色的。你使用的是哪个IE版本，因为在IE7、IE8和IE9上都是黑色的。还有你的CSS示例，你只删除了！在选择上很重要。。。它和我现在使用的差不多，实际上我会使用-moz的外观：只有Firefox不能处理它。我刚刚在箭头上方放置了一个图像；）我是从按钮开始的地方停止的轮廓上得到的。但是如果你点击箭头而不是选择框里面会发生什么呢？这就是我的观点。对用户体验来说不是很好，是不是。。。我会接受我的建议，选择js解决方案。或者干脆忘记你选择的样式。