Question

I can use .button() to create beautiful submit buttons, but the rest of the elements on my page, most notably select boxes are still in the regular, ugly css styling.

Is there a way to hijack the css styling from Jquery UI Button for my select boxes?

Answer 1

Not completely no. Select / dropdown boxes are generally Operating System and Browser dependent. You can’t control it at a fine grained level.

Chrome / Webkit browsers allow some styling. See this Question: How to style a <select> dropdown with CSS only without JavaScript?

If you are able to use extra markup to surround the select then you can do some things.

See: http://bavotasan.com/2011/style-select-box-using-only-css/

Otherwise you have to resort to JS solutions like

http://cssglobe.com/post/8802/custom-styling-of-the-select-elements

and

http://www.htmlgoodies.com/beyond/css/how-to-create-custom-select-menus-with-css.html