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ı


















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