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

10 votes219 views4 answers
Bootstrap badges Links
CSS Bootstrap
0 vote156 views1 answer
Bootstrap 5 tutorial
CSS Bootstrap
0 vote235 views1 answer
How to use bootstrap color variables in sass
CSS Bootstrap
2 votes217 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap
0 vote212 views1 answer
Bootstrap-navbar-container-fluid
CSS Bootstrap
0 vote211 views1 answer
Adding bootstrap to angular global styles
Javascript Bootstrap
43 votes215 views6 answers
Add bootstrap to angular
Javascript Bootstrap
0 vote222 views1 answer
React bootstrap font awesome icons
Javascript Bootstrap
0 vote194 views1 answer
Bootstrap carousel dynamic height jquery
Javascript Bootstrap
35 votes231 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap