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

145 votes454 views6 answers
Import bootstrap in react
CSS Bootstrap
3 votes344 views2 answers
Navbar box shadow
CSS
0 vote342 views1 answer
Carousel inner item populate with for loop puting active class on all carousel item
CSS
0 vote313 views1 answer
Ignore default css for react Link
CSS
0 vote342 views2 answers
How to write text on video in html
CSS
0 vote360 views2 answers
Dont break word css
CSS
7 votes379 views2 answers
Float center tailwind
CSS
3 votes350 views1 answer
Css perfect box shadow
CSS
8 votes325 views2 answers
Center image with position absolute
CSS
0 vote279 views1 answer
How to print hello world with css
CSS