Changing Design of Custom Drop-down Menu

Site URL: https://www.narla.com.au/experience

Hello,

I have added a simple code block for a dropdown menu. I'm just wondering how to change the font and colour to make it match with my page.

The code is:

<left>
<select onChange="window.location.href=this.value">
      <option value="#">  All Sectors      </option>
    <option value="https://www.narla.com.au/infrastructure-experience">Infrastructure</option>
</select>
  </center>

Any ideas?

Try this snippet in custom css PolinaNarla,

<style>
	opacity: .7;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    -webkit-transition: background-image .2s ease-out;
    -moz-transition: background-image .2s ease-out;
    -ms-transition: background-image .2s ease-out;
    -o-transition: background-image .2s ease-out;
    transition: background-image .2s ease-out;
    padding: 12px;
    background: no-repeat 15px 50%;
    width: 100%;
    min-height: 20px;
    display: block;
    outline: 0;
    box-sizing: border-box;
    border: 1px solid #aaa;
    top: -10px;
    position: relative;
</style>