Custom CSS for Woocommerce Drop-down box Color

Hi @tuebe451
To change the color of the text in the drop-down box, you can use the following CSS code:

.select2-results__option[aria-selected], .select2-results__option[data-selected] {
    color: #000000; /* Change this to the desired color */
}

To apply this CSS code, you can add it to Appearances -> Customize -> Additional CSS,, or you can use a plugin like “Simple Custom CSS” to add it to your site.

Please note that the above CSS code is just an example, and you may need to adjust the selectors to match the specific drop-down box on your site. You may also need to adjust the color value to match your site’s design.

I hope this helps! Let me know if you have any questions.

Hi @tuebe451!

To change the dropdown item text color, here is the CSS that you can use:

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

.select2-results__option[aria-selected], .select2-results__option[data-selected] {
    color: #000;
}

You can change the color code as per your own requirement.

Thanks!