Web制作者が苦痛だと感じているselect要素の不満点と美しくスタイルするテクニック

フォームをスタイルするのが苦手、中でもselect要素が最も苦手という人は少なくないと思います。Web制作者が苦痛だと感じているselect要素の不満点、select要素をクロスブラウザ対応で美しくスタイルするテクニック、select要素に対するブラウザの進化の紹介します。 The Current State of Styling Selects in 2019 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに select要素を美しくスタイルするテクニック ドロップダウンの内側のスタイル select要素の不満点 select要素に対するブラウザの進化 はじめに 2019年、CSSで望まれている機能の一つは、フォームのスタイルでした。トップ5に入っています。 Greg Whitworthのデータによると、フォーム要素の

[coliss]

Web制作者が苦痛だと感じているselect要素の不満点、select要素をクロスブラウザ対応で美しくスタイルするテクニック。

[demAge]

CSSとかJSでブラウザのデフォルト挙動から変更すると、認知コストがかかることをもっと認識してほしい…そして1からJSとかで作られててオートコンプリートできない場合は最悪。

[bocuno]

こういうあほな慣習やめてほしい。でかくて押しやすくて一覧性があればいいんだよ。

[benridane111]

selectに無い場合に自由入力までの流れをサポートしてほしい。