スタイリングの現在の状態は2019年に選択されます

スタイリングフォームコントロール、特に<select></select>要素は、Web開発者にとって重要な課題のままです。調査は一貫してスタイリングをランク付けします<select></select>トップCSSの要素には、リクエストが機能しています。実際、データはを示します<select></select>要素は、スタイリングの次の最も人気のある要素の2倍以上の頻度で要求されます。

限られたネイティブスタイリング機能

いくつかの基本的な外部スタイリングは可能ですが、包括的なクロスブラウザー互換性を実現します<select></select>スタイリングは困難です。堅牢なクロスブラウザーソリューションが存在しますが、主にドロップダウンの外観に対処します。内部要素のスタイリング（ドロップダウン内のオプション）は、異なるブラウザ全体で一貫性がなく、問題があります。

この制限は、開発者のフィードバックによって強調されています。<select></select>スタイリングは次のとおりです。

• 検索機能：ドロップダウンリスト内の堅牢な検索機能の欠如。
• ドロップダウンスタイリング：オプションや、プレーンテキストを超えたリッチコンテンツを含めることができないなど、オープンドロップダウンの一貫性のないスタイリング。
• 動的更新：ドロップダウンを閉じることなく、選択したオプションを更新するのが難しい。
• プレースホルダー/選択された状態スタイリング：選択されていない状態と選択された状態の視覚的に異なるスタイルを作成する際の課題。

次の表は、スタイリング時に開発者が経験する問題点をまとめたものです<select></select>要素：

フラストレーション	％	カウント
リスト内で検索するための優れたユーザーエクスペリエンスを作成できない	27.43％	186
必要な程度に要素をスタイリングできない	17.85％	121
デフォルトの状態をスタイリングできない（ドロップダウン矢印など）	14.01％	95
デスクトップ上のポップアップウィンドウをスタイリングできない（境界線、ドロップシャドウなど）	11.36％	77
コントロールまたはそのsの単純なテキストを超えたコンテンツの挿入	11.21％	76
要素に任意のHTMLコンテンツを挿入します	7.82％	53
独特の非選択/プレースホルダースタイルと行動を作成できない	3.39％	23
ポップアップが開いている間に大きなデータセットから新しいオプションを生成できること	3.10％	21
あなたが必要とする範囲で現在選択されている（s）をスタイリングできない	1.77％	12
モバイルでポップアップウィンドウをスタイリングできない	1.03％	7
スクロールでオプションを自動的に繰り返すことができます（つまり、ユーザーがトップに戻るのではなく、100に達するとオプション1〜100のリストがある場合、1が100未満に表示されます）	1.03％	7

驚くべきことに、おそらく後方の互換性の問題により、マルチセレクトスタイリングは最大の懸念事項ではありませんでした。

ブラウザの改善と将来の方向性

ブラウザベンダーからの最近の発表は、制御スタイリングを形成するための改善が進行中であることを示唆しています。これらの開発に関するさらなる更新と詳細については、ニコールサリバンの講演やグレッグホイットワースの詳細な記事などのリソースが推奨されます。

以上がスタイリングの現在の状態は2019年に選択されますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。