地味だけど嬉しい新機能！ フォームのセレクトボックスで区切り線にhrを使用できるようになりました

先日リリースされたChrome 119に地味だけど嬉しい新機能が実装されていたので、紹介します。 フォームのセレクトボックスで区切り線にhrを使用できるようになりました。すでにSafariでもサポートされており、これでChorme, Edgeでも使用できます。 Select element: now with horizontal rules by Una Kravets 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 select要素内で区切り線（hr）を使用できるようになりました select要素内の区切り線（hr）の実装方法 select要素内の区切り線（hr）のデモ select要素内で区切り線（hr）を使用できるようになりました 11/1にリリースされたChrome 119では、

[coliss]

フォームのセレクトボックスで区切り線にhrを使用できるようになりました。Chrome, Edge, Safariでサポート。

[nakaken88888888]

「東京都」を選ぶ人にとっては「神奈川県」が区切り線の役割をしてる

[kako-jun]

ドロップダウンボックスを自前で実装してるCSSフレームワークには、dividerなどの名前で当たり前にあった表示だけど、ブラウザ純正に逆輸入された感じなのね

[strawberryhunter]

<optgroup>は親子関係になるので<hr>の使いどころもありそう。Firefoxはいつになるのだろうか。

[makou]

英語だとタイピングで選択できるからいいんだけどな。日本語でもローマ字やかなキーで選択できるようにならんのかな。

[justsize]

日本を探すときにジャマイカ探す奴だ

[cl-gaku]

1ブラウザエンジンで対応されてもな

[spark7]

<option disabled>──</option>みたいなことしなくて済むのか。

[goldhead]

"optionのリスト間に、区切り線としてhr要素を追加するだけです"

[sigwyg]

optgroupより手軽なやつ。これで入れずによくなったライブラリもありそう

[canadie]

Safari だけど区切り線出てこないな

[saikyo_tongaricorn]

神奈川県の有効活用は草

[uunfo]

optgroupを使わなくてよくなったのね／神奈川県が目印なの、借力で見て以来プルダウンでいつも思い出す

[style_blue]

を、早速やってみよう！と思ったらoption要素なのかHTMLとCSS両方直さないといけないやつじゃんって後回しになる。