web-dev-qa-db-ja.com

WooCommerce国ドロップダウンカラーCSS

私が開発中のWebサイトのチェックアウトページの国のドロップダウンで、選択してホバーした国の色を変更しようとしています。 http://chi-medics.com/ /

Google Chrome開発者向けツールで何を試しても、これらの要素の色を制御しているCSSが見つからないようです。

私が何を意味するのかを見るためには、Webページに行き、バスケットに何かを追加してください。それからチェックアウトに行きなさい。ホバーの色が青で選択されているのが灰色の「国」ドロップダウンです。

私はこれを変えたいのですが、私の人生のためにそれを理解することはできません。

任意の助けは大歓迎です。

ありがとう、

woocommercecssdropdown
1
Harvey

これは " Select2 "ライブラリの一部です。これは選択フィールドのjQueryの代替品です。 WooCommerceプラグインフォルダの/assets/css/select2.cssにスタイルシートがあります。

以下は、あなたが言及した各項目のデフォルトとして見つけられるプロパティ定義です。

まず、選択した値

.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[data-selected=true] {
    background-color:#ddd
}

次に、ホバー値

.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color:#0073aa;
    color:#fff
}

これらはプラグインに含まれるライブラリの一部なので、それらを上書きするつもりなら、あなた自身の完全にカスタムのスタイルシートをロードするか、プラグインの外に何かをすることによってそうするのが最善です。最も簡単なのは、WPカスタマイザを使用することです。

ログインしたら、WPツールバー（画面上部）で、[カスタマイズ]を選択します。カスタマイザが開いたら、[Additional CSS]を選択します。上記のプロパティを追加して、それに応じて背景色とフォント色（単に「色」）を設定します。 [公開]をクリックすると、カスタムスタイルがインラインで読み込まれます。

1
butlerblog