JSFiddle - React, Tailwind, and code Playground

by rodrigonery

HTML

<select id="select">
    <option value="0" class="placeholder" selected="selected">Gênero...</option>
    <option value="1">Aventura</option>
    <option value="2">Comédia</option>
    <option value="3">Drama</option>
</select>

CSS

#select.empty {
    color: #999;
}
#select option {
    color: black;
}

JavaScript

var $select = $("#select");
$select.change(function () {
    if ($select.val() == "0") {
        $select.addClass("empty");
    }
    else { 
        $select.removeClass("empty").children('.placeholder').remove();
    }
}());