CSS WooCommerceのドロップダウンでテキストの色を変更するWPのテーマがオーバーライドされています

Question

ストレートフォワードの問題、私はZerif Pro for WPを持っていて、テキストの色をカスタマイズする素敵なセクションがあります。しかし、それは私が異なる色になりたい特定の領域を無効にしているようです。

私が午前問題は、あなたが見ることができるようにテキストが白に白であるため、

は、ドロップダウンリストが空白表示されます（一部が影響を受けているCSSなど不明な点がないページを含む）このページhttp://www.chaotopia.com/product/aromatics-zodiac-incenses/であります。私は製品の量に似た問題を抱えていましたが、それを見つけてメインスタイルシート内にカスタムカラーとして黒を追加することで解決しました。

残念ながら、バリエーションドロップダウンのカスタムカラーを追加する場所を見つけられず、テキストが黒く見えるようにすることはできません。私はバリエーションを複数の製品に使いたいので、リストには全世界が黒いテキストを持つようにしたいと思っています。

ありがとうございます！

Answer 1

は、HTMLソースのライン338上では、..., select, ... { color: #ffffff; }

これは白<select>要素内のテキストを作っているものであるルールが含まれて<style>ブロックを持っているが、それはまたのためのテキストの色を設定したルールであります他の多くの要素。したがって、単にこれをcolor: #000000;に変更するだけでは不十分です。これは他の多くの要素にも影響します。

代わりに、このルールを<select>要素に対してのみ変更する必要があります。これを行う1つの方法は、の後に行338の後にロードされたCSSスタイルシートにselect{ color: #000000; }を追加して、最初のルールをオーバーライドすることです。別の方法は、任意のCSSスタイルシートにselect { color: #000000 !important; }を追加することです。 !importantルールは、さらに混乱を招く可能性があるため、前者をお勧めします。