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

1 vote386 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap
26 votes370 views10 answers
Bootstrap
CSS Bootstrap
2 votes438 views2 answers
No gutter in bootstrap css for row
CSS Bootstrap
0 vote372 views1 answer
Bootstrap off canvas not working
Javascript Bootstrap
0 vote422 views1 answer
Bootstrap progress bar animation not working
CSS Bootstrap
9 votes362 views3 answers
Bootstrap blue outline button
CSS Bootstrap
0 vote368 views1 answer
React bootstrap make col disapear in small screens
Javascript Bootstrap
0 vote391 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript Bootstrap
0 vote397 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
34 votes376 views6 answers
Border bootstrap
Javascript Bootstrap