SELECT要素内に画像を表示させたい - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 画像付き文字を選択させるには？ html の select タグは、一種の選択肢です。 普段は選択済み要素だけが表示されていて、タグをクリックした時だけ、選択肢の内容がプルダウン形式で表示されますね。 この select は文字だけしか表示できませんが、画像も付けてあげた方が分かりやすいと思う場合もあります。例えば、言語を選ぶ時に国旗も表示したい時などがそうですね。 ところが、これがなかなか手強いのです。 (1) 選択済みの時だけ、画像も表示 まずは、選択済みの時だけ画像も表示してみましょう。 やることは以下の通りです。 select