Bootstrap remove outline

Outline text bootstrap

<span class="border">Text</span>
<span class="border-top">Text</span>
<span class="border-right">Text</span>
<span class="border-bottom">Text</span>
<span class="border-left">Text</span>

Source: getbootstrap.com

Bootstrap remove input focus outline

<div class="form-label-group">
  <input type="password" id="inputPassword" class="form-control shadow-none" placeholder="Password" required>
  <label for="inputPassword">Password</label>
</div>

Source: stackoverflow.com

Bootstrap remove outline

textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
button.btn:focus, 
button.btn:active, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
  box-shadow: inset 0 -1px 0 #ddd;
    outline: none !important;
}

Source: stackoverflow.com

Similar codes

0 vote256 views1 answer
Bootstrap modal disable close on click outside react bootstrap
Javascript Bootstrap
2 votes241 views2 answers
Bootstrap icons in angular
CSS Bootstrap
18 votes229 views6 answers
Bootstrap5 cdn
Javascript Bootstrap
0 vote255 views1 answer
Notification bell icon bootstrap react
Javascript Bootstrap
0 vote251 views1 answer
Bootstrap pop modal from another modal
Javascript Bootstrap
12 votes216 views6 answers
Bootstrap modal
Javascript Bootstrap
0 vote261 views1 answer
Bootstrap 5 sidebar class
CSS Bootstrap
3 votes209 views2 answers
Bootstrap 5 pagination
CSS Bootstrap
0 vote192 views1 answer
Dynamically fill bootstrap card
Javascript Bootstrap
4 votes214 views5 answers
Bootstrap img src
CSS Bootstrap