JSFiddle - React, Tailwind, and code Playground

by bhatnagar018

HTML

<select>
  <option disable hidden value="">CHOOSE</option>
  <option>#1</option>
  <option>#2</option>
  <option>#3</option>
  <option>#4</option>
</select>

CSS

select {
  color: #aaa;
}

option:not(first-child) {
  color: red;
}

JavaScript

$(document).ready(function(){

  $("select").change(function(){
    if ($(this).val()=="") $(this).css({color: "#aaa"});
    else $(this).css({color: "#000"});
  });
  
});