【CSS】セレクトボックスの矢印を擬似要素無しでカスタマイズする
セレクトボックスのデフォルトの矢印や三角形を消してオリジナルのものを表示したい場面があるが、<select>
に擬似要素は設定できないので少し困る。
任意のタグでラップして擬似要素を使う
何らかのタグでラップしてそちらの擬似要素を使用する方法。
background-imageを使う
background-image
で矢印を表現する方法 (参考)。
ラップ用のタグを増やさずに<select>
単体で実現できるので、個人的にはこっちが好み。