Change Bootstrap input focus blue glow

Question

Does anyone know the how to change Bootstrap\'s input:focus? The blue glow that shows up when you click on an input field?

Answer 1

For the input border before the focus. You can specify your favorite color you want to use and other css like padding etc

.input {
    padding: 6px 190px 6px 15px;
    outline: #2a65ea auto 105px ;
}

When we focus on input. You can specify your favorite color outline you wish

.input:focus{
    box-shadow: none;
    border-color: none;
    outline: lightgreen auto 5px ;
}