/CSS/Bootstrap/Remove the glow in bootstrap input

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

0 vote440 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
55 votes465 views5 answers
Bootstrap 3 button
CSS Bootstrap
0 vote410 views1 answer
Bootstrap 4 open tab when opening modal
Javascript Bootstrap
112 votes485 views6 answers
Import bootstrap 4 in react
Javascript Bootstrap
0 vote421 views1 answer
Bootstrap remove unused css
CSS Bootstrap
0 vote365 views1 answer
React bootstrap carousel caption
Javascript Bootstrap
1 vote395 views1 answer
Bootstrap icons react
Javascript Bootstrap
0 vote395 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript Bootstrap
0 vote407 views1 answer
Bootstrap tabs click event jquery
Javascript Bootstrap
4 votes363 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap