web-dev-qa-db-ja.com

Make Bootstrap Button Transparent

ボタンを透明にするにはどうすればよいですか？私は.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>
htmlcsshtml5twitter-bootstrap-4
12
James

cssを.btn-primary-outlineにします

このような例： https://jsfiddle.net/472cxwg9/

23
saiful

つかいます

class = "btn"およびstyle = "background-color：transparent" 
 class = "btn btn-primary-outline"

結果

enter image description here

13
Abdelwahid Oubaalla

In bootstrap 3追加：

.btn-primary-outline {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

に：

<div class="col-xs-3" style="margin-top: 25px;">
<button type="button" class="btn btn-primary-outline">
<span style="display: inline; font-size: 30px; color: #007bff;" class="material-icons save">
</span>&nbsp;
</button>
</div>
1
RandomUs1r

これは、インラインスタイリングなしでBootstrap 4で実行できます

<button class="btn bg-transparent"></button>
1
Red