圖像和在html中的選擇標籤

是否可以在<select>下拉列表中放置圖像？圖像和在html中的選擇標籤

我嘗試以下的一段代碼

<select name="selection"> 
    <option><img src="dbdesign.jpg" alt="NOIMAGE"/>list1</option> 
    <option><img src="dbdesign.jpg" alt="NOIMAGE"/>list2</option> 
</select>

輸出顯示list1的和list2中但沒有顯示信息noImage，這是替代圖像的SRC。

來源

2011-11-28 RAVITEJA SATYAVADA

我想。您不能在選項標籤中添加圖像。而不是你可以模擬像使用CSS和jQuery的下拉菜單 – Anish

檢查這個http://stackoverflow.com/questions/1697996/image-in-select-element –

您無法將圖像添加到選擇標籤。

您可以使用CSS/HTML/Javascript創建自定義菜單，但顯然這需要更多的工作。

來源

2011-11-28 08:47:11 tarmes

它可以做到，看到其他答案 – Jimmery

也許這會幫助你一點。它應該工作。看看http://jsfiddle.net/jJfdr/4/

#selection option { 
 
    background: url('dbdesign.jpg') 0 0 no-repeat; 
 
    padding-left: 50px; 
 
    height: 30px; 
 
    background-size: 50%; 
 
}

<select id="selection"> 
 
    <option>list1</option> 
 
    <option>list2</option> 
 
</select>

來源

2011-11-28 08:52:46

事實上，沒有改變頁。！ –

@RAVITEJA它應該工作。請你看看鏈接。 –

這是CSS 3嗎？這有什麼樣的瀏覽器支持？ – Jimmery

圖像和在html中的選擇標籤

回答

相關問題