問題十四 HTML 中的 Select 元素不能用分隔線怎麼辦？

今天在實習的時候碰到一個問題，就是沒辦法將 Select 元素裡面加上區分的線，工作上拿 Bootstrap 來做簡易的版面配置的控制，我翻了文件，還有翻了很多 stackoverflow 上面的一些問題，我沒有找到好的解法，當然我指的是不用 CSS 的話。

但是後來想到一個好主意，其實我一開始想說 Select 元素裡面的 option 如果用「----------」自己設定一行來分段呢？但是這樣子會有問題，因為他是可以選擇的，這樣子使用者選到會很糟糕，然後就想到 disabled 或許可以使用 option 而不是只能使用再 Select ，結果就成功了，如果有人有這樣的需求可以使用這個小技巧。

<select id="dropdown">
    <option value="test1" name="test1">test1</option>
    <option value="test1" name="test2">test2</option>
    <option disabled="disabled">----------</option>
    <option value="test3" name="test3">test3</option>
</select>