すべてのブラウザで選択要素の矢印スタイルをカスタマイズするにはどうすればよいですか?

選択要素の矢印スタイルのカスタマイズ

選択要素の美しさを向上させるために、デフォルトの矢印を置き換える試みが行われました。カスタムイメージ付き。 Chrome では成功したにもかかわらず、Firefox と IE9 では矛盾が見られました。

これらの問題に対処するには:

1. ブラウザ間の互換性:

   すべての主要なブラウザ間で一貫した動作を保証するために、次のコードを実行できます。組み込まれた:

   .styled-select select {
       -moz-appearance:none; /* Firefox */
       -webkit-appearance:none; /* Safari and Chrome */
       appearance:none;
   }

   ログイン後にコピー

2. Firefox の特徴 (バージョン 35 より前):

   バージョン 35 より前の Firefox はカスタム矢印スタイルを完全にはサポートしていません選択要素の場合。回避策はここにあります: [JSfiddle](https://jsfiddle.net/e622m/)

以上がすべてのブラウザで選択要素の矢印スタイルをカスタマイズするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。