Remove the glow in bootstrap input

.form-control:focus {
  box-shadow: none;
}

Blue glow input boostrap 4

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(126, 239, 104, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
  outline: 0 none;
}

Source: stackoverflow.com

Similar codes

2 votes185 views1 answer
Why do we need hexadecimal number system
CSS
0 vote175 views1 answer
How to make a width infinite and hidden using css
CSS
0 vote214 views1 answer
Html css hide details arrow
CSS
2 votes195 views1 answer
Mat slide toggle change color
CSS
0 vote177 views1 answer
Css for floting input label
CSS
1 vote200 views2 answers
How to add google fonts to css in react
CSS
1 vote183 views1 answer
Javafx right-align in vbox
CSS
0 vote193 views1 answer
Line in css div
CSS
4 votes196 views2 answers
Display flex column width auto
CSS
2 votes206 views1 answer
Make text unhighlightable
CSS