Styling HTML SELECT could be frustating. Like a scrollbar, SELECT has it’s own style and depends on what browser you’re using. Alright, there are some library out there to style select into styleable DIV element like Chosen and Select2. But if you’re need the simple one, here is the answer.
I created a simple jQuery plugin to convert traditional select into a fancy Bootstrap dropdown. That’s mean you need Bootstrap CSS and JS library to be included in your HTML.
How it works?
The plugin searching for SELECT element, creating a mask using button and another element, append value on it and hide the real SELECT.
Does it syncronise with the actual SELECT?
Yes.
Customizable?
Sure. You can change the style and size of the button.
Mobile support?
Don’t know. Not tested.
Demo please?
http://takien.github.io/FakeSelect/
Where’s the source code?
https://github.com/takien/FakeSelect
Your code is ugly, I can make it better.
Please fork and contribute.