JSFiddle - React, Tailwind, and code Playground

by Fabio Pieragnoli

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: #000;
}

JavaScript

$(document).ready(function(){

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