/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

16 votes344 views2 answers
Toggle bootstrap modal with jquery
Javascript Bootstrap
0 vote319 views1 answer
React bootstrap font awesome icons
Javascript Bootstrap
0 vote326 views1 answer
Filter bootstrap
Javascript Bootstrap
0 vote322 views1 answer
Row smaller than the container bootstrap react
Javascript Bootstrap
1 vote347 views2 answers
How to make hr class bootstrap full width
CSS Bootstrap
14 votes348 views4 answers
Text align left bootstrap
CSS Bootstrap
61 votes386 views2 answers
Bootstrap flex direction column
CSS Bootstrap
0 vote353 views1 answer
Notification bell icon bootstrap react
Javascript Bootstrap
4 votes321 views4 answers
Bootstrap modal popup disable click outside
Javascript Bootstrap
0 vote323 views1 answer
Bootstrap accessibility
CSS Bootstrap