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 vote262 views1 answer
Bootstrap carousel dynamic height jquery
Javascript Bootstrap
0 vote275 views3 answers
Bootstrap grid only css npm install
CSS Bootstrap
1 vote244 views1 answer
Bootstrap disable button after click
Javascript Bootstrap
0 vote284 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript Bootstrap
9 votes262 views3 answers
Bootstrap blue outline button
CSS Bootstrap
0 vote264 views1 answer
Adding bootstrap to angular global styles
Javascript Bootstrap
1 vote313 views1 answer
Bootstrap 4 modal popup remote url
Javascript Bootstrap
1 vote279 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript Bootstrap
2 votes260 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
0 vote269 views1 answer
Toast notification angular bootstrap 8
Javascript Bootstrap