title: Remove border radius from Select tag in bootstrap 3
body: <p>This seems like a trivial problem, but I can't figure it out.</p>
  
  <p>On Bootstraps own website they have the Select example. </p>
  
  <p><img src="https://i.stack.imgur.com/la7Tg.png" alt="bootstrap select"></p>
  
  <p><br ><br >
  Looking at the code it looks like there's a border-radius of 4 on that select element. 
  <img src="https://i.stack.imgur.com/le9qQ.png" alt="enter image description here"></p>
  
  <p><br><br>
  My hope would be that changing that border-radius to 0 would then remove the border-radius from the select element, however, that's not the case - as seen in the picture below.</p>
  
  <p><img src="https://i.stack.imgur.com/8dVrY.png" alt="enter image description here"></p>
  
  <p><br><br>
  I've explored all the CSS that is changing that select element but none of it seems to remove the border radius.</p>