JSFiddle - React, Tailwind, and code Playground

by dandclark_msft

HTML

<style>
option {
  background-color: blue;
  font-size: xx-large;
}
  .optdescription {
    background-color: red;
    border: 1px solid green;
  }
</style>
<label for="sport-select">Choose a sport:</label>
<select id="sport-select">
  <datalist>
    <option value="skateboarding">
      Ice skating
      <div class="optdescription">
        very cold
      </div>
    </option>
    <option value="skateboarding">
      Skateboarding
      <div class="optdescription">
        Can be painful
      </div>
    </option>
  </datalist>
</select>