Bootstrap 3 buttons - change border radius

Question

I've searched around but whatever I try, I can't make my buttons have a border radius of zero globally. This doesn't work, can anyone help? thanks!

.btn btn-default{
    border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
}

Solution 1

 border-radius: 24px!important;

Solution 2

I found that for me, I simply had to remove type=button as I had originally copy/pasted the bootstrap button from Bootstrap tutorials

I.E.

<a type="button" class="custom-css btn btn-primary btn-lg">foobar</a>

becomes

<a class="custom-css btn btn-primary btn-lg">foobar</a>