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

120 votes296 views3 answers
React import bootstrap css file
CSS Bootstrap
41 votes187 views2 answers
Add ... to long text css
CSS
0 vote142 views1 answer
Code css for mozila
CSS
1 vote153 views1 answer
Before content from attribute
CSS
8 votes149 views6 answers
Overlay css background image
CSS
0 vote150 views1 answer
Css animation scale image
CSS
1 vote157 views1 answer
Css url do not change color of visited links
CSS
47 votes169 views9 answers
Cannot be loaded because running scripts is disabled on this system
CSS
19 votes139 views3 answers
Bootstrap media queries
CSS Bootstrap
175 votes229 views6 answers
Background css image
CSS