Remove border radius from Select tag in bootstrap 3

Question

This seems like a trivial problem, but I can\'t figure it out.

On Bootstraps own website they have the Select example.

Answer 1

You can use -webkit-border-radius: 0;. Like this:-

-webkit-border-radius: 0;
border: 0;
outline: 1px solid grey;
outline-offset: -1px;

This will give square corners as well as dropdown arrows. Using -webkit-appearance: none; is not recommended as it will turn off all the styling done by Chrome.