Bootstrap blue outline button

Bootstrap Outline buttons

In need of a button, but not the hefty background colors they bring? 
Replace the default modifier classes with the .btn-outline-* ones to 
remove all background images and colors on any button.

<button type="button" class="btn btn-outline-primary">Primary</button>
<button type="button" class="btn btn-outline-secondary">Secondary</button>
<button type="button" class="btn btn-outline-success">Success</button>
<button type="button" class="btn btn-outline-danger">Danger</button>
<button type="button" class="btn btn-outline-warning">Warning</button>
<button type="button" class="btn btn-outline-info">Info</button>
<button type="button" class="btn btn-outline-light">Light</button>
<button type="button" class="btn btn-outline-dark">Dark</button>

Source: getbootstrap.com

Bootstrap button outline

<button type="button" class="btn btn-outline-primary" href="#">Primary</button>

Bootstrap blue outline button

.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

Source: stackoverflow.com

Similar codes

0 vote293 views1 answer
Css play button on image
CSS
1 vote277 views1 answer
Add black above image css
CSS
0 vote293 views1 answer
Select after not visible
CSS
0 vote277 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.scss - sassy css is the new syntax as of Sass 3
CSS
0 vote270 views1 answer
Vue v-cloak not working
CSS
21 votes350 views5 answers
How to open a file in vscode from terminal
CSS
0 vote317 views1 answer
Rotate box-shadow
CSS
0 vote292 views1 answer
Css select alternate elements
CSS
0 vote299 views1 answer
Css a tag id selector scrolls too far
CSS
0 vote318 views1 answer
React css change number animation
CSS