smaller & nicer select with bootstrap.css

Question

Of course I know that SELECT form elements are hard to style and/or modify beyond the basics.

Just out of curiosity, does anyone know of a one-off bootstrap (the one from twitter) solution that would allow me to affect the size of the SELECT and perhaps even apply a gradient that looks more like a bootstrap button (than the scratchy surface they have now).

I don't mind noodling around with the CSS myself, but I thought I'd ask around before re-inventing the wheel.

Any pointers, links or suggestions would be greatly appreciated.

Answer 1

You can use the jQuery plugin bootstrap-select:

https://developer.snapappointments.com/bootstrap-select/

It will turn your select into a bootstrap button dropdown

Answer 2

A bit late but maybe this can help http://blog.iamjamoy.com/docs/select.html

or this http://ivaynberg.github.com/select2/

The first one doesn´t work on IE, if you can fix it please provide.