javascriptとcssを使用したカスタムドロップダウンボックス

Question

javascriitとcssを使用してカスタムドロップダウンボックスを作成することは可能ですか？

そうならば、私はjavascriptの

を使用して、ドロップダウンボックスの背景画像を配置する必要があり

いる あるいは全く？そうであれば 。何か提案してもらえますか？あなたはこれはやり過ぎかもしれないjQTransform

Answer 1

を使用せずに

。 SproutCoreは、ネイティブHTML要素ではなく、画像から構成された入力要素を提供します。おそらく同様のことをする他のフレームワークがあります。

基本的な考え方は、CrazyJugglerDrummerが示唆しているようにdivや何かを作成し、その上にクリックハンドラを置くことです。ハンドラは、選択された要素を模倣するようにアニメーションを設定します。また、擬似選択項目の1つが選択されている場合は、JavaScriptを使用して、その値を実際の選択されていない非表示の入力要素に送信します。

Answer 2

をチェックアウトすることができますjQueryの

Answer 3

ここはいいですtutorial on creating custom drop-downです。

JQTransform（Olafurが提案）は十分です。しかし、アイコンを追加するなどのコントロールが必要な場合は、チュートリアルを読む価値があります。