JSFiddle - React, Tailwind, and code Playground

HTML

<select>
    <option class='specialStatus' value=1>Hi</option>
    <option value=2>Bye</option>
</select>

CSS

select { color: black; }
option { color: black; }
select.specialStatus, option.specialStatus { color: red; }

JavaScript

function changeSelectClass(e) {
    this.classList.remove('specialStatus');
    if (this.options[this.selectedIndex].className.indexOf('specialStatus') !== -1) {
        this.classList.add('specialStatus');
    }
}
document.getElementsByTagName('select')[0].onchange = changeSelectClass;
changeSelectClass.call(document.getElementsByTagName('select')[0]);