title: Change the position of blue highlight on select box dropdown
body: <p>I was trying to change the highlight/focus (not sure which it actually refers) background position color when user moves the mouse over the select drop-down list. The blue background box is coming a little below the text. I want to move its position a little bit. What type of css property it needs to add. Any idea?</p>
  <p><a href="https://i.stack.imgur.com/eWsYK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eWsYK.png" alt="enter image description here" /></a></p>