Alister West

home is where your code is ...

HTML Forms Select/Option Styling

Nicely styling select dropdowns. So I don't forget which ones I've tried.

"Sexy Combo 2":http://code.google.com/p/sexy-combo/ v2.1.3

Rating: 4/5 + As easy to setup as jqDropDown. - Demo page is a broken url. - Fixed size (too small) - All css rules quantified as div.sexy ... annoying to override. - 2 lots of css rules. - On long list doesn't scrolldown to show the currently selected value. ++ Did everything I wanted. ? Wishlist: auto-width based on options in select.

"jqDropDown":http://exodecreations.com/jQuery/jqDropDown.html v1.6.1

Rating: 4/5 for small-lists. 1/5 for long. + I used this on http://occassions.nissan.nl. + Simple and works fine for small lists. + I found a bug and the developer was very responsive. - Multiple problems with large list of options. - .long-list { max-height: 200px; overflow: auto; } the scroll-bar becomes unselectable. - .long-list: scrolls off bottom of page by default.

"jQuery Stylish Select":http://www.prismstudio.co.uk/blog/2009/05/jquery-plugin-stylish-select-unobstrusive-select-box-replacement/ v0.4.5

Rating: 1/5 - too hard to style. + Initially looks good. - It didn't wrap the contents properly requiring container div's - and I had trouble styling the select box without a background image. - Needs too much tweaking.

"SelectBoxPlugin":http://mypocket-technologies.com/jquery/SelectBoxPlugin/

TODO - analyze in a use-case. - Code could be cleaned up - not consistent formatting.

By Alister West