Question

I want to make a Google-style drop down box, style and everything. I mean this type of drop down box:

As you can see the basic <select> isn’t that nice:

I tried using Chrome Dev Tools on Gmail but is it nearly impossible because when you click onto Dev tools the drop down box goes away.

Does anyone have any idea on how to replicate these or are there any tutorials online already (or even better – a jQuery plugin)?

I’ve searched Google a lot for it but I just keep getting the drop down menu tutorials.

Thanks in advance.

Answer 1

It’d have to be converted to a DIV to style the options box. Something like this may be suitable for you: http://jankoatwarpspeed.com/examples/reinventing-drop-down/#

Love this: http://labs.abeautifulsite.net/jquery-selectBox