こんにちは、MAC版のChrome/Safariでオプションタグの背景色を変更するのに苦労しています。
最初の CSS は次のようになります。
select#cat {
background-color: black;
color: white;
font-family: 'Open Sans',sans-serif;}
これは、Windows 7 ラップトップにインストールされているどのブラウザーでも問題なく機能します。しかし、少し前に、オフィスの MAC のドロップダウン リストを Chrome/Safari で確認しましたが、背景色は白のままで、テキストは黒のままです。これは単純に、Chrome/Safari の両方が Webkit をレイアウト エンジンとして使用しているためだと思います。
次に、次のように CSS をオプションに設定して、より具体的にしようとしました。
select#cat option {
background-color: black;
color: white;
font-family: 'Open Sans',sans-serif;}
しかし、それでもうまくいきません。
別の背景情報: 実際には、WordPress の組み込み関数を呼び出して、ドロップダウン リストを生成しました。
<?php wp_dropdown_categories( 'show_option_none=Select' ); ?>
しかし、これが私の CSS ルールに影響を与えるとは思いません。
誰でも問題を解決する考えがありますか? どうもありがとうございました。