カスタマイズクロスブラウザー互換性の矢印の外観の選択

選択された要素の美学を強化するために、デフォルトの矢印をカスタム画像に置き換えるのが一般的です。ただし、このクロスブラウザーの互換性を達成することは課題になる可能性があります。

この問題に対処するには、次のコードをCSSに組み込むことを検討してください。 -moz-acpearance：none; / * firefox */ -webkit-acpearance：none; / * safari and chrome */ 外観：なし; }

この追加は、すべての主要なブラウザでのデフォルトの矢印の外観を抑制します。 JSFiddleの例で実証されているそのようなアプローチの1つは、元の矢印を隠し、選択要素がホバリングされたときに矢印の機能を模倣する背景画像に置き換えることを含みます。