How do I make my button transparent? I have been trying to use .btn-transparent but cant seem to get it to work. The button just keeps turning grey.
<p>
<!-- Search Button -->
<div class="container3">
<div class="btn-group ">
<button type="button" class="btn btn-primary-outline">SEARCH</button>
<button type="button" class="btn btn-primary-outline">
<span class="glyphicon glyphicon-menu-right"></span>
</button>
</div>
</div>
</p>
The <button> tag is used to specify the button element in HTML, which gets executed on pressed. btn – On mentioning the btn property, specifies that its a bootstrap button. bg – Specifies the background color of the button. transparent – Makes the button transparent.
CSS Code: In this section, we will design the button using CSS property. We will use the background-color: transparent; property to set the button with transparent look. Complete Code: In this section, we will combine the above two sections to create a transparent background button.
Use the . btn-sm class in Bootstrap to create a small button.
First, we create a <div> element (class="background") with a background image, and a border. Then we create another <div> (class="transbox") inside the first <div>. The <div class="transbox"> have a background color, and a border - the div is transparent.
make css to .btn-primary-outline
example like this : https://jsfiddle.net/472cxwg9/
Use
class="btn" and style="background-color:transparent"instead of
class="btn btn-primary-outline"
result
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With