jQuery / CSS: I need a plugin, that lets me change the style of a <select> form element

Question

I want to use a good old form element on my page. But I don't like the styling of it, how can I change it, is there quick way to do this in CSS, searched a lot, did'nt find a good answer, or do I need a jQuery plugin (which one?) ?

Thanks, Jakob

Answer 1

Why not css ??

select{
  color: gray; border: 1px solid blue; /*... other styling*/
}

Answer 2

I dont think you can style a select element. it won't work cross-browser. The only way is to use JS to style it how you want it to look and then have it degrade gracefully without JS on. Note i have not tried using js/jquery to controlthe appearance of a select list - have no idea how well it will degrade in downlevel browsers.

See this SO post and this site

Jquery option

Answer 3

It can all be done via CSS.

After a quick google search here is a resource with loads of examples in!

http://www.noupe.com/css/form-elements-40-cssjs-styling-and-functionality-techniques.html

Answer 4

Take a look at this: http://www.noupe.com/css/form-elements-40-cssjs-styling-and-functionality-techniques.html

Answer 5

This really isn't the type of question SO was created for.

Even so, I'm a helpful type: http://www.tripwiremagazine.com/2011/06/jquery-forms-plugins.html