在選擇下拉框中添加圖像

-1

我試圖在窗體中的下拉框中添加小圖像作爲選項，而不是文本。它在Firefox中工作（但沒有人使用Firefox的權利？！），所以需要一種方式來爲鉻做主要。我一直在遇到這個ddslick的東西，但我不能從他們的網站下載它，所以想要一個替代方法。任何幫助表示讚賞！在選擇下拉框中添加圖像

HTML：

select#severity option[value="Minor"] { 
 
    background: url(../assets/constants/minor.png); 
 
} 
 
select#severity option[value="Moderate"] { 
 
    background: url(../assets/constants/moderate.png); 
 
} 
 
select#severity option[value="Major"] { 
 
    background: url(../assets/constants/major.png); 
 
}

<div class="variables"> 
 
    <select name="severity" id="severity" class="icon-menu"> 
 
    <option value="Severity" selected disabled>Please Select</option> 
 
    <option value="Minor">Minor</option> 
 
    <option value="Moderate">Moderate</option> 
 
    <option value="Major">Major</option> 
 
    </select> 
 
</div>

來源

2016-07-28 Lisa Wilson

請問您可以添加html –

u代碼在哪裏？ –

你的代碼在哪裏？你有沒有嘗試過任何東西，請在這裏發帖。 –

您可以嘗試

<select name="webmenu" id="webmenu"> 
    <option value="calendar" data-image="icons/icon_calendar.gif">Calendar</option> 
    <option value="shopping_cart" data-image="icons/icon_cart.gif">Shopping Cart</option> 
    <option value="cd" data-image="icons/icon_cd.gif">CD</option> 
    <option value="email" selected="selected" title="icons/icon_email.gif">Email</option> 
    <option value="faq" data-image="icons/icon_faq.gif">FAQ</option> 
    <option value="games" data-image="icons/icon_games.gif">Games</option> 
    </select>

授信http://www.marghoobsuleman.com/jquery-image-dropdown三江源

來源

2016-07-28 09:14:12