私は選択入力のオプションでテキストの色を強制しようとしています、そしてそれは世界中のすべてのブラウザで動作していますが、ゲストは何ですか、ええ、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 で選択をスタイリングすることは、悪い考えです。すべてのブラウザーで正しくスタイルを設定することは不可能です。できることは、js で選択ボックスを模倣することだけです。フレームワークとプラグインが利用可能です。基本的に、それらは選択を非表示にし、リストまたは選択のように機能するものに置き換えます。これにより、完全にスタイルを設定できます。バックグラウンドで、リストと同期して選択を更新し、送信時にフォームが機能するようにします。同様のことを自分で行うこともできます (jQuery を使用するのが最適です)。少し慣れていれば、それほど難しいことではありません。
スクリーンショットで使用しているカスタム矢印ボタンが機能していないと思います...
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;}