Title: Selector color
Last modified: June 20, 2019

---

# Selector color

 *  Resolved [mygreenfootprint](https://wordpress.org/support/users/mygreenfootprint/)
 * (@mygreenfootprint)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/selector-color/)
 * Hi I’m trying to format the state drop down box on the checkout page.
 * I’d like to change the border color, the color of the drop down arros and also
   the highlight color when an option is selected.
 * Please see attached. I have been able to change the background color but there
   is a second color in blue and I can’t work out how to change this..
 * [https://prnt.sc/o44v3v](https://prnt.sc/o44v3v)

Viewing 9 replies - 1 through 9 (of 9 total)

 *  Plugin Support [Fernando a11n](https://wordpress.org/support/users/fhaps/)
 * (@fhaps)
 * Automattic Happiness Engineer
 * [6 years, 10 months ago](https://wordpress.org/support/topic/selector-color/#post-11665273)
 * Hi [@mygreenfootprint](https://wordpress.org/support/users/mygreenfootprint/),
 * Could you share the link to your website? So we can take a look at the CSS on
   that page and see fi we can make any suggestions.
 *  Thread Starter [mygreenfootprint](https://wordpress.org/support/users/mygreenfootprint/)
 * (@mygreenfootprint)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/selector-color/#post-11666096)
 * Hi Fernando
 * [https://mygreenfootprint.com.au/](https://mygreenfootprint.com.au/)
 *  Plugin Support [Fernando a11n](https://wordpress.org/support/users/fhaps/)
 * (@fhaps)
 * Automattic Happiness Engineer
 * [6 years, 10 months ago](https://wordpress.org/support/topic/selector-color/#post-11668598)
 * The site is under a coming-soon wall, so we are unable to access the checkout
   page.
 *  Thread Starter [mygreenfootprint](https://wordpress.org/support/users/mygreenfootprint/)
 * (@mygreenfootprint)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/selector-color/#post-11668607)
 * Apologies I thought I turned it off for you to have look.will do so later today
   and let you when done.
 *  Thread Starter [mygreenfootprint](https://wordpress.org/support/users/mygreenfootprint/)
 * (@mygreenfootprint)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/selector-color/#post-11669847)
 * Hi Fernando,
    should be good to go now.
 *  Thread Starter [mygreenfootprint](https://wordpress.org/support/users/mygreenfootprint/)
 * (@mygreenfootprint)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/selector-color/#post-11681775)
 * Hi Fernando,
    any luck with this one?
 *  [Peter Lawrenson](https://wordpress.org/support/users/lorro/)
 * (@lorro)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/selector-color/#post-11685772)
 *     ```
       /* border colour */
       :focus {
         outline-color: #006400 !important;
       }
       /* highlighted item */
       .woocommerce-checkout select2-container--default .select2-results__option--highlighted[aria-selected],
       .woocommerce-checkout .select2-container--default .select2-results__option--highlighted[data-selected],
       .woocommerce-checkout .select2-container--default .select2-results__option--hover [data-selected] {
         background-color: #006400 !important;
         border-bottom-color: #006400 !important;
         border-top-color: #006400 !important;
       }
       ```
   
 * The drop-down arrows are encoded images. It would be necessary to make a new 
   image of the desired colour and encode it, then add that to the styles. Its beyond
   a forum answer for me.
 *  Thread Starter [mygreenfootprint](https://wordpress.org/support/users/mygreenfootprint/)
 * (@mygreenfootprint)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/selector-color/#post-11685833)
 * Thank you Lorro!!!!!!!
 *  Plugin Support [Fernando a11n](https://wordpress.org/support/users/fhaps/)
 * (@fhaps)
 * Automattic Happiness Engineer
 * [6 years, 10 months ago](https://wordpress.org/support/topic/selector-color/#post-11687066)
 * Just saw you received an awesome CSS snippet from [@lorro](https://wordpress.org/support/users/lorro/)!
   Glad this has been solved.
 * Closing this thread now.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Selector color’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce/assets/icon.svg?rev=3234504)
 * [WooCommerce](https://wordpress.org/plugins/woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce/reviews/)

 * 9 replies
 * 3 participants
 * Last reply from: [Fernando a11n](https://wordpress.org/support/users/fhaps/)
 * Last activity: [6 years, 10 months ago](https://wordpress.org/support/topic/selector-color/#post-11687066)
 * Status: resolved