27カスタムデザインのセレクトメニューのアイコンをクリッカブルにするオリジナルデザインのセレクトメニューフォームのパーツのデザインをオリジナルのものに変更するケース、結構あるかと思います。指定して、独自のスタイルをあてていくというものが一般的でしょう。それがセレクトメニューの場合、右端にある「他にも選択肢あるよ〜、クリックしたら展開するよ〜」的なアイコンも、上記のcssによって消えてしまいます。そのためプルダウン的なアイコンも自身で追加するのですが、その場合、私はfontawesomeを使うことが多いです。Iconsそれでよしよしできたと思うわけですが、この場合アイコン部分はクリックしてもセレクトメニューが展開しないのです。CodePen.最悪jsでアイコン部分をクリックした時にセレクトメニューにfocusさせて展開できないかなとか思ってたのですが、下記のstackoverflowを見つけました。なりうるかを制御するプロパティとのこと。指定した場合、その要素がマウスイベントのターゲットにならないだけでなく、マウスイベントはその要素の下にあるものへと「通過」します。MDNなるほど!マウスイベントが透過してその下のセレクトメニューがクリックされたという状態になるため、デフォルトUIの時のようにびろーんと展開されるという訳でした。cssで解決できたので、非常にスッキリした気持ち。