在IE中更改选项文本颜色

Question

我正在尝试在选择输入的选项中强制显示文本颜色，它正在世界上的每个浏览器上工作，但客户端是什么，是的，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;}

Answer 1

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

我猜您在屏幕截图中使用的自定义箭头按钮不能正常工作......

Answer 2

你的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;}

演示：http://jsfiddle.net/dan_barzilay/tJZek/