Question

The site http://jqueryui.com/demos/ describes how to set styles for buttons, radios, and checkboxes.

It can be achieved by

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

So why not TextBoxes and DropDownLists? Can I apply the button like style to text boxes and drop down lists.

Answer 1

I suppose a logical answer for your question is that, the widget is called “button”, not “form element”. There is, however, a combobox demo for the autocomplete widget, that you might find useful. Here’s another demo page with the combobox without autocomplete: http://jonathan.tang.name/files/jquery_combobox/demo.html.

You may also find the jQuery UI MultiSelect Widget useful; it’s a jQuery UI plugin.

---

As for text boxes, you can simply reuse some classes in the jQuery UI CSS framework.

See a couple of examples here: http://jsfiddle.net/william/gJh2d/1/.