JSFiddle - React, Tailwind, and code Playground
HTML
<select name="testselector">
<option value="">The PlaceHolder</option>
<option value="1">Value 1</option>
<option value="2">Value 2</option>
<option value="3">Value 3</option>
</select>
JavaScript
//setup color for Select element if value is selected.
selectedEl = $('select').find('option:selected');
if(selectedEl.val()==""){
$('select').css('color','#999');
$('select').children().css('color','black');
}
$('body').on('change','select', function (){
if($(this).find('option:selected').val() == ""){
$(this).css('color','#999');
$(this).children().css('color','black');
}
else {
$(this).css('color','black');
$(this).children().css('color','black');
}
});