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 vote191 views1 answer
Style50 for cs50
CSS
-1 vote197 views2 answers
How to add image with url in css
CSS
0 vote207 views1 answer
Border-bottom smaller div
CSS
2 votes218 views1 answer
Css set property with data attribute
CSS
13 votes196 views2 answers
How to middle text css
CSS
54 votes195 views2 answers
How to center an image element inside a block in css
CSS
0 vote204 views1 answer
Add expanding underline on page load css
CSS
0 vote232 views1 answer
Flexbox 3 columns
CSS
0 vote213 views1 answer
React wrapper component
CSS
4 votes209 views2 answers
Display flex column width auto
CSS