JSFiddle - React, Tailwind, and code Playground

by MadhawaMB

HTML

<select class="form-control select offer-select" id="frmMaand" name="offer_request[month]">
    <option class="selected" value="" class="disabled-option" hidden selected>
        <span style="color:#999 !important; background:#333 !important;">Select an option</span>
    </option>
    <option class="selected" value="1" >Option 1</option>
    <option value="value2">Option 2</option>
    <option value="value3">Option 3</option>
    <option value="value4">Option 4</option>
</select>

CSS

option {
  color:#999;
}

/* NOT working */
option:selected {
  color:blue;
}.styled-offer select.offer-select {
    color: #F00;
  }
  .styled-offer select.offer-select option {
    color: #333;
  }