在html輸入類型=按鈕上添加一個圖標圖像

我需要在我的css按鈕頂部添加一個.PNG圖像，圖像將顯示一個漢堡菜單圖標，以顯示該按鈕是可展開的。在html輸入類型=按鈕上添加一個圖標圖像

這些是我的按鈕。

的按鈕與該HTML創建：

    While($row1=mysql_fetch_array($retServerNames)){ 

         $serverID = $row1['id']; 
         $serverName = $row1['servername']; 



         echo"<input type='button' id='$buttonId' class='btn' name='show' value='".$serverName."' onclick='javascript:showServer(".$buttonId.");' 
          style='width: 90%; margin: 1%; text-align:left;'>"; 

         echo"<div id='$serverName' style='margin: 3%; display:none;'>"; 

         echo"<table style='border-bottom: 1px solid black;' cellspacing='10px'> 

              <thead> 
               <tr> 
                <th></th> 
                <th>Task</th> 
                <th>Status</th> 
                <th>Agent</th> 
                <th>Date Completed</th> 
                <th></th> 
               </tr> 
              </thead>";

我試圖把兩個圖像標記和一個div元素和累內部的輸入類型在與所述按鈕將圖像定位沒有成功，有沒有更好的方法來做到這一點？或者任何人都可以提出一個替代元素，讓我比按鈕元素更容易做到這一點？先謝謝你。

來源

2016-10-13 vhdz04

可能重複的[CSS：在CSS中設置背景圖像]（http://stackoverflow.com/questions/649576/css-setting-background-image-in-css） –

簡單的方法是使用實際的按鈕元素。

<button type="button" 
     id="<?php echo htmlspecialchars($buttonId); ?>" 
     onclick="showServer(this.id);"> 
    <img src="hambuger.png" alt=""> 
    <?php echo htmlspecialchars($serverName); ?> 
</button>

來源

2016-10-13 20:59:25 Quentin

在html輸入類型=按鈕上添加一個圖標圖像

回答

相關問題