JSFiddle - React, Tailwind, and code Playground

HTML

<p>What did you buy at the grocery store?</p>
<select>
    <option>Milk</option>
    <option>Eggs</option>
    <option>Lettuce</option>
    <option>Tomatoes</option>
    <option>Cream of chicken soup</option>
    <option>Butter</option>
</select>

CSS

p, select {
    margin: 6px;
    font: 16px Arial;
}
select {
    width: 262px;
    height: 32px;
    padding: 4px;
    line-height: 32px;
    text-indent: 4px;
    cursor: pointer;
}
select option {
    padding:20px 30px;
}
select option:checked {
	background: #C0C7CF;
}