Bootstrap Buton Focus Sorunu

Merhaba Bootstrapla kodladığım sitemde butonlara tıklanınca aşağıdaki durumlar gerçekleşiyor yardımlarınızı bekliyorum.

1) Butonun normal hali bu :

2) Hover'lı hali bu (üzerine gelinceki hali )

3) Ve tıklandıktan sonra böyle kalıyor ? Bunu nasıl düzeltebilirim ??

Bir sorunum daha aynı sorun :
1) Butonun normal hali

2)Hover hali

3) Tıklandıktan sonra yine böyle kalıyor Düzeltmek istediğim noktası burası Hem böyle gri olması hemde etrafında mavi renkle bir ışık çıkıyor artık her neyse :) onu da istemiyorum ??

Bootstrap kullanıyorum.
Kullandığım Kodlar
login.html form kısmı

Üye Ol

style.css
.form-control {
background-color: transparent;
border: 2px solid #F4D03F;
width: 300px;
height: 40px;
font-family: "Open Sans";
font-weight: 600;
}

.btn-default {
background-color: transparent;
border: 2px solid #F4D03F;
color: #F4D03F;
width: 300px;
font-family: "Open Sans";
font-weight: 600;
font-size: 20px;
}

.btn-default:hover {
border-color: transparent;
}


.btn-default:active{
background-color: transparent;
border: 2px solid #F4D03F;
color: #F4D03F;
width: 300px;
font-family: "Open Sans";
font-weight: 600;
font-size: 20px;
}


Şöyle bir denermisin active methodunu kullanarak :)

hallettim daha öncesinden saol yine de :)