html - 選択ドロップダウン メニューのスタイルを設定して、すべてのブラウザとオペレーティング システムで同じように見えるようにする

Question

jquery とサード パーティ ベンダーの力を考えると、Windows と Mac OS の IE、FF、Chrome、Safari で同じように見えるように、フォーム上に html 選択ドロップダウン メニューを作成/スタイル設定することは可能ですか?

Answer 1

はい。しかし、ほとんどの人が行っている方法は、ページが最初に実行されたときにドロップダウンを完全に置き換えることです。

これを行うプラグインの例: http://gregfranko.com/jquery.selectBoxIt.js/

追記として、ブラウザ標準のセレクトボックスを置き換えることはお勧めしません。ブラウザーの選択ボックスは、オペレーティング システムごとに実装され、オペレーティング システムの設定を使用して、一般的に理解される UI 要素を提供します。一例として、ios の選択ボックスは、タッチベースのオペレーティング システムになじみのある方法で動作します。