使引导按钮透明

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>

原文由 James 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使css到 .btn-primary-outline

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

原文由 saiful 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

Bootstrap 4 引入了 按钮链接 样式： .btn-link ：

通过在保持按钮行为的同时使其看起来像一个链接来淡化按钮

<button type="button" class="btn btn-link">Link</button>

.btn-link 类的 background-color 设置为 background-color: transparent; （按钮边框也是透明的 border-color: transparent; ）

原文由 0x6d6c 发布，翻译遵循 CC BY-SA 4.0 许可协议