JSFiddle - React, Tailwind, and code Playground

by Jesse M

HTML

optgroup:

<select>
    <optgroup>
        <option>First</option>
    </optgroup>
    <optgroup label="_________">
        <option>Second</option>
        <option>Third</option>
    </optgroup>
</select>

<br><br>

disabled option:

<select>
    <option>First</option>
    <option disabled>_________</option>
    <option>Second</option>
    <option>Third</option>
</select>
    
<br><br>
    
using unicode:
    
<select>
    <option>First</option>
    <option disabled>──────────</option>
    <option>Second</option>
    <option>Third</option>
</select>

CSS

option[disabled] {
  color: #f00;
}