2011-09-10 12 views
1

サイトhttp://jqueryui.com/demos/は、ボタン、ラジオ、チェックボックスのスタイルを設定する方法を説明しています。それはテキストボックスとドロップダウンリストのjqueryui

$(".saveButton").button(
{ 
    icons: { 
    primary: "ui-icon-disk" 
    } 
}); 

なぜないのTextBoxとDropDownListsによって

を達成することができますか?テキストボックスやドロップダウンリストにスタイルのようなボタンを適用できますか?

答えて

3

あなたの質問に対する論理的な答えは、ウィジェットは「フォーム要素」ではなく「ボタン」と呼ばれています。しかし、オートコンプリートウィジェット用にはcombobox demoがあり便利です。オートコンプリートなしのコンボボックスを使用した別のデモページ:http://jonathan.tang.name/files/jquery_combobox/demo.htmlがあります。

jQuery UI MultiSelect Widgetも便利です。それはjQuery UIプラグインです。


テキストボックスについては、jQuery UI CSS frameworkでいくつかのクラスを単純に再利用できます。

ここにいくつかの例を示します:http://jsfiddle.net/william/gJh2d/1/をご覧ください。

+0

テキストボックスはどうですか? – Rauf

+0

更新された回答を参照してください。 –

0

また、ドロップダウンリストはリンクやdivや他の単純なhtml要素(フォームなど)と似ていないため、レンダリングに関連するブラウザのデフォルトの「低レベル」実装を持つ傾向があります。だから彼らの見方を変えるのはずっと難しい。そのため、ドロップダウンリストは単純な要素、つまりその隣にボタンがあるテキストボックスではなく、完全な「物」/「コントロール」自体に分解されます。

ただし、コントロールを取り戻すことができます(ただし、私は一般的に、あなたが完全にスタイル、このような要素を制御するために、その単純ではないと見ることができるようにあなたがここにブラウザから何を得ると連携し、より良い普通言うと思います。

詳細情報を見ます例:enter link description here

関連する問題