JSFiddle - React, Tailwind, and code Playground

HTML

<select>
    <option> select </option>
    <option class="red"> one </option>
    <option class="green"> two </option>
    <option class="blue"> three </option>
</select>

CSS

option:after {
    content: " ";
    height: 5px;
    width: 5px;
    border-radius: 5px;
    display: inline-block;
}

option.red:after { content: "Special! " }
option.green:after { background: #0c0; }
option.blue:after { background: #00c; }