Outline button css

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>

Outline button css

.btn {
  border: 2px solid black;
  background-color: white;
  color: black;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
}

/* Green */
.success {
  border-color: #04AA6D;
  color: green;
}

.success:hover {
  background-color: #04AA6D;
  color: white;
}

Similar codes

1 vote144 views3 answers
Font-style
CSS
0 vote163 views1 answer
Mvc dynamic css
CSS
2 votes122 views1 answer
Alignitems
CSS
0 vote240 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
11 votes135 views3 answers
Round button css
CSS
17 votes375 views2 answers
Linking css
CSS
4 votes200 views2 answers
Css hex to rgb
CSS
0 vote167 views1 answer
Divi hide header
CSS
1 vote174 views1 answer
Remove site title squarespace
CSS
0 vote167 views1 answer
Operating system font-family css
CSS