これはなに？
Chrome119とsafari17で select タグに hr を追加できるようになりました。
optgroup タグと組み合わせることで、よりグルーピングを見やすくすることができます。
optgroup タグはつけないでも利用することは可能です。
デモ
試しに47都道府県のグルーピングをしてみました。
例えば「 三重県 を選択してください」と言われた場合、グルーピングなしとありの select どちらが見つけやすいでしょうか？
大体の方がグルーピングありのほうが見つけやすいと思います。
See the Pen select in hr by gilly135 (@gilly135) on CodePen.
都道府県の分類は全国の都道府県一覧（閲覧） | 国土地理院に基づいて行いました。
サポートブラウザ
要素の選択: 水平方向のルールを適用 | Blog | Chrome for Developers によるとFirefoxがまだ対応していません。
-
Chrome 119 -
Safari 17
-
Firefox