JSFiddle - React, Tailwind, and code Playground

by abarykin

HTML

<select size="10">
        <option val="">Select Option</option>
        <option val="1">Option 1</option>
        <option val="2">Option 2</option>
        <option val="3">Option 3</option>
        <option val="4">Option 4</option>
    </select>

CSS

select {
      margin: 40px;
      background: yellow;
      color: #000;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    }

    option:not(:checked) {
      background-color: #FFF;
    }