JSFiddle - React, Tailwind, and code Playground

by Terrance Smith

HTML

<select multiple>
  <option>Test</option>
  <option>Test</option>
  <option>Test</option>
  <option>Test</option>
</select>

CSS

select option:hover { box-shadow: 0 0 10px 10px #e1358f inset; }
/* turn it off completely */
select:active, select:hover {
  outline: none
}

/* make it red instead (with with same width and style) */
select:active, select:hover {
  outline-color: red
}