Fügen Sie Bilder in der Dropdown-Box

-1

hinzu.

Ich versuche, kleine Bilder als Optionen in einer Dropdown-Box in einem Formular anstelle von Text hinzuzufügen. Es funktioniert in Firefox (aber niemand nutzt Firefox nicht richtig ?!) Also brauchen Sie eine Möglichkeit, dies in erster Linie für Chrom zu tun. Ich komme immer wieder auf diese ddslick-Sache, aber ich kann es nicht von ihrer Website herunterladen, also eine alternative Methode wollen. Jede Hilfe wird geschätzt!Fügen Sie Bilder in der Dropdown-Box

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>

Quelle

2016-07-28 Lisa Wilson

Können Sie bitte html –

wo ist der Code? –

Wo ist dein Code? Haben Sie Anythings versucht, bitte hier posten. –

können Sie versuchen,

<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>

Kredit von http://www.marghoobsuleman.com/jquery-image-dropdown Thankyou

Quelle

2016-07-28 09:14:12