折りたたみボタンの画像

Question

ボタンを畳んでテキストを表示する代わりに画像を置くことはできますか？助けのための

<button class="btn btn-info" style="background-color: #60bf3b; color: white;" type="button" data-toggle="collapse" data-target="#fatture">Per D.D.T. e Fatture:</button> 
 
<div id="fatture" class="collapse">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. 
 
</div>

ありがとう！

Answer 1

あなたはボタン、バックグラウンドを持っているしたい場合は、（fiddle）これを試みることができる ちょうど

.btn { 
    background: url("https://i.ytimg.com/vi/FhZrU6g9seg/maxresdefault.jpg") no-repeat transparent; 
    background-size: cover; 
} 

を設定し、これら3が同様に含まれていることを確認します：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

をない限り、画像をボタンとして機能させたい場合は、これを行うだけです。image fiddle

Answer 2

<div class="container"> 
<img data-toggle="collapse" data-target="#demo" src="button.png" width="50px"> 
     <div id="demo" class="collapse"> 
     Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
     sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
     </div>