There is a strange thing about select tags. Browsers do the styling and you have almost no power over it! You can change some colors and fonts but you can never make them beautiful (or in my case I can’t give the designer a chance to make them beautiful).
I searched for a while and found some approaches with pointer-events and divs but they aren’t a complete solution because they either aren’t cross-browser or you can’t style the options of the select.
Finally I found a jsFiddle with a jquery plugin that wraps the select and writes an unordered list as options. Worked nice but it had two major problems:
- Filtering (you couldn’t type a letter and navigate through the options or hit enter to select an option)
- Change event (for some reason when .NET did the job of writing a dropdown with auto postback, thus outputting a select with __doPostBack in onchange event, the event never fired)