Cross Browser Select Replacement

I hate the select dropdown. It has to be different on every freaking browser. Here is a little bit of code to create your own select dropdown. Can be styled like any normal div so is safe on every browser…as long as they have javascript enabled…and if they don’t…fuck them (or I guess you could check for noscript and just place a normal select)

Here is the CSS used to style

Please note: This is setup to be REALLY REALLY UGLY. You will NEED to update the CSS.

Update:

When these are created dynamically we need to make sure they are all reset and working as expected. Just declaring .on(‘click’) doesn’t work. Here is the function for that, which should be run after any new dropdowns are created.

NOTE: This replaces the above javascript. If you need dynamic dropdowns just run this function.