Hej, som rubriken lyder vill jag visa en liten bild i <option>. Typ sähär
<option name="svensson"><img src="svensson.gif">Svensson</option>
Visa bild i <option>?
7 svar · 319 visningar · startad av streetrobban
gissar bara lite, men testa något sådant här:
<option name="svensson" style="background-image:bild.gif"....
hmm.. fungerar bara i FF vad jag vet..
<html>
<head>
<title>Testbild</title>
</head>
<style type="text/css">
option { background-position:top left; background-repeat:no-repeat; padding-left:30px; }
</style>
<body>
<select name="testbild">
<option value="" selected="selected">Testbilder</option>
<option value="test1" style="background-image:url(bild1.gif);">test 1</option>
<option value="test2" style="background-image:url(bild2.gif);">test 2</option>
<option value="test3" style="background-image:url(bild3.gif);">test 3</option>
<option value="test4" style="background-image:url(bild4.gif);">test 4</option>
<option value="test5" style="background-image:url(bild5.gif);">test 5</option>
<option value="test6" style="background-image:url(bild6.gif);">test 6</option>
</select>
</body>
</html>
Packa upp & kolla..
Men jag vill inte ha någon bakgrundsbild. Bara en vanlig bild liksom.
Fuel: Tack det funkade super :) Thx!
Det räcker ju faktiskt med att skriva background: url(bild1);. Bara för att spara ner på storleken på css-filen. :OO ;)
Men fungerar väl bara som sagt i FF inte IE ?