How to add images in select list?

后端未结

关注

 14  1432

小鲜肉 2020-11-21 11:18

I have a select list of genders.

Code:

Better yet, you can separate HTML and CSS like that

HTML

CSS

select#gender option[value="male"]   { background-image:url(male.png);   }
select#gender option[value="female"] { background-image:url(female.png); }
select#gender option[value="others"] { background-image:url(others.png); }

In other browsers the only way of doing that would be using some JS widget library, like for example jQuery UI, e.g. using Selectable.

From jQuery UI 1.11, Selectmenu widget is available, which is very close to what you want.

0 讨论(0)

查看其它14个回答