css - css を使用して選択ボックスをカスタマイズすると、ブラウザによって動作が異なりますか?

Question

HTML選択ボックスを次のようにカスタマイズしました

しかし、ブラウザによって表示が異なります。Mozilla では問題なく動作しています。しかし、IE と Chrome では、Mozilla で表示されているように表示されません。

オプションの境界線も正しく表示されません。

私を助けてください。

ここに jsfiddleがあります

Answer 1

ブラウザーが異なれば、多くのものが異なって表示されます。状況は良くなっていますが、クロスブラウザー テストは依然として Web 開発者の役割の大部分を占めています。

フォーム要素は、その視覚的な外観が基盤となる OS とブラウザーによって制御されるため、効果的にスタイルを設定することが特に困難です。

ブラウザー間で一貫して選択ボックスのスタイルを設定するには、Uniform (jQuery が必要)のようなものを使用する必要があります。