How to style a select dropdown with CSS

I've spent the last few hours trying to style a select dropdown. It's lame, so lame. It's lame because the best and prettier options use JavaScript.

That's great, if you don't care about mobile. One of the cool things about select dropdowns is that in mobile they have a special helper:

ios select dropdown

I've looked to a lot of resource but none can be compared to Bootstrap.

So basically I ripped off their select dropdown styles. It looks great on Google Chrome, Safari and, more or less, on Firefox.

With the styles below you can turn this crap:

Into this cool select dropdown:

HTML

CSS

4 comments

Leave a Reply

Add <code> Some Code </code> by using this tags.

*
*