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

17 votes197 views3 answers
How to set div background image
CSS
17 votes215 views3 answers
Css hover mouse hand
CSS
59 votes205 views1 answer
@media for mobile
CSS
-1 vote204 views2 answers
Css lock scroll
CSS
38 votes183 views3 answers
Use CSS to set the background color of the document (body) to yellow.
CSS
21 votes189 views2 answers
How to write css for input type text
CSS
36 votes190 views6 answers
Gradient text
CSS
3 votes187 views1 answer
Remove default style from links css
CSS
0 vote197 views1 answer
Css broken image has top margin?
CSS
1 vote219 views1 answer
Composer use different php version
CSS