bootstrap中去掉input框获取焦点后的边框

 bootstrap中对于选中后的input框，自带了阴影与边框.
input:focus {  
    outline: none;  
    border-color: #cfdc00;  
    box-shadow: 0 0 5px rgba(207, 220, 0, 0.4);  
    border-radius: 5px;  
}  




要想去掉边框很简单。将outline属性设置成none，取消外边框。然后是 box-shadow属性，将x,y的值与模糊值都设置为0.这样焦点获取后的就看不到边框了
input:focus {  
    outline: none;  
    border-color: #cfdc00;  
    box-shadow: 0 0 0px rgba(207, 220, 0, 0.4);  
    border-radius: 5px;  
}