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

33 votes133 views2 answers
Gradient text colors
CSS
1 vote147 views1 answer
How to add 2 text shadows
CSS
1 vote137 views1 answer
How to open emoji keyboard windows 10
CSS
0 vote154 views1 answer
Wpforms submit button css
CSS
0 vote130 views1 answer
How to remove link color from <a>
CSS
29 votes159 views6 answers
Input focus border
CSS
4 votes175 views1 answer
Bootstrap file select class
CSS Bootstrap
0 vote129 views1 answer
Css make ul on multiple lines
CSS
-2 votes153 views2 answers
Text sliding css
CSS
34 votes130 views1 answer
Css middle and center align div
CSS