JSFiddle - React, Tailwind, and code Playground

HTML

<head>
<style type="text/css">
select:valid {
  background: blue;
}
option:valid {
  background: red;
}
#one {
  background: green;
} </style>
</head>
<body>
<ul>
    <li>One's background  green</li>
    <li>Other's background is blue</li>
</ul>    
<select size="5">
    <option id="one" value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
</select>
</body>