Saturday, August 9, 2014

Tuesday, August 5, 2014

How to style the select box or remove default down arrow button from the select box and style it

In this post we are going to use twitter bootstrap to create a select box and learn how to remove the default styling of it including the default down arrow button of the select box and style the whole thing as we want.

Normally we get our select box like the image bellow with bootstrap. Which looks odd and is a bit difficult to style. Although it does not matter whether you are working with any css framework or not the principles of styling the select box remains the same.



We get this select box using the html bellow. We are using the default bootstrap css here.