my select option not showing the images properly

Asked Oct 21 '14 at 12:32

Active Oct 21 '14 at 12:35

Viewed 38 times

My code:

<style>

    select#gender option[value="male"] {background-image:url(images/slidee3.jpg)}    


    select#gender option[value="female"] {background-image:url(images/slidee4.jpg);}


    select#gender option[value="others"] {background-image:url(images/slidee4.jpg);}


</style>


</head>

<body>
<select id="gender">

    <option  value="male" selected="selected">male</option>

    <option  value="female">female</option>

    <option  value="others">others</option>

</select>

</body>

edited Oct 21 '14 at 12:35

James Donnelly

126,410
34
208
218

asked Oct 21 '14 at 12:32

Jasmine Lavi

I've got two questions: 1st - what do you mean by "not showing properly"? 2nd - who are the "others"? – Y.Puzyrenko Oct 21 '14 at 12:37
@Y.Puzyrenko see http://en.wikipedia.org/wiki/Gender_identity – Gabriele Petrioli Oct 21 '14 at 12:42
Hi,If i select a option from the drop box it not showing the image – Jasmine Lavi Oct 27 '14 at 07:31

my select option not showing the images properly

0 Answers0