0

我试图在选择输入选项中强制文本颜色，它适用于世界上的每个浏览器，但客人什么，是的，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;}
4

2 回答 2

0

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

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

于 2012-08-23T15:40:18.250 回答
-1

您的 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/

于 2012-08-23T15:19:03.440 回答