7.0 CSS for bg colour change on drop down within body of page?

Hey All,

Anyone have any idea of the CSS to change the bg or text colour on this interior drop down, please? 

www.latechnique.ca

Here is the original (awesome) code ofr the interior drop down found on this forum:

<select id="archive-pages" onchange="window.open ( this.value, '_self' );">

  <option value="#">
  
    Jump to Section
    
    </option>
    
  <option value="https://latechnique.ca/luteal/#ADS-lut">

    Adrenal Support
    
    </option>
  
  <option value="https://latechnique.ca/luteal/#Body-lut">
  
    Body
    
    </option>
    
  <option value="https://latechnique.ca/luteal/#Brain-lut">
  
    Brain
    
    </option>
   
  </select>

@KikiGood try adding this to your custom CSS

#block-yui_3_17_2_1_1699797257864_119386 select#archive-pages {
	background: black /* change to whatever color you want the background to be */
}

@SaranyaDesigns WORKS!!!! MERCI BEAUCOUP! May I ask if you happen to know how to change the highlight bar colour? Pretty please...

@KikiGood Unfortunately not, as this hover behavior is a browser default and not controlled by CSS... there are some hacks for it, but it's not a super-clean solution, as behavior can vary based on browsers. See references here: 

https://www.jotform.com/answers/2639917-i-want-to-change-the-highlight-color-inside-a-dropdown-menu 

https://stackoverflow.com/questions/19388011/how-to-change-colour-of-blue-highlight-on-select-box-dropdown

I tested some of their suggestions and didn't have much luck, sorry.

@SaranyaDesigns thank you for not only taking the time to respond, but for giving reference material. AND, you actually tried it yourself first: TALK ABOUT GOOD KARMA. Simply, thank you and have a wonderful evening!