使Bootstrap按钮透明

Question

如何让我的按钮透明？我一直在尝试使用.btn-transparent,但似乎无法让它工作.按钮只是变灰了.

<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>

Answer 1

让css来 .btn-primary-outline

像这样的例子:https://jsfiddle.net/472cxwg9/

Answer 2

您可以在 Bootstrap 4 中执行此操作，而无需任何内嵌样式

<button type="button" class="btn bg-transparent btn-outline-primary"></button>

Answer 3

使用

class="btn" and style="background-color:transparent" 

代替

 class="btn btn-primary-outline"

结果