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;
}

Possible duplicate of [Correct way to create rounded corners in Twitter Bootstrap](http://stackoverflow.com/questions/12084121/correct-way-to-create-rounded-corners-in-twitter-bootstrap) — Jorge Campos, Jun 15 '16 at 02:14

score 6 · Answer 1 · answered Oct 10 '17 at 01:28

6

 border-radius: 24px!important;

answered Oct 10 '17 at 01:28

Internial

score 1 · Answer 2 · answered Apr 09 '19 at 16:08

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>

2 Answers2