在元素中的图像 SELECT

我知道如何在下拉表单元素中的选项旁边显示图片。 HTML, 使用物业 CSS background-image.

但是，未在所选项目上显示图像。 有没有办法做到这一点 /最好仅使用 CSS/?

EDIT

:

这是列表项的工作代码的示例。 但是，当关闭下拉列表时，您只能看到所选项目的文本，而无需图像：

<select name="form[location]">

<option style="background: url/img/flags/ad.gif/ no-repeat; padding-left: 20px;" value="ad">Andorra</option>

<option style="background: url/img/flags/ae.gif/ no-repeat; padding-left: 20px;" value="ae">United Arab Emirates</option>

<option style="background: url/img/flags/af.gif/ no-repeat; padding-left: 20px;" value="af">Afghanistan</option>

<option style="background: url/img/flags/ag.gif/ no-repeat; padding-left: 20px;" value="ag">Antigua and Barbuda</option>

<option style="background: url/img/flags/ai.gif/ no-repeat; padding-left: 20px;" value="ai">Anguilla</option>

<option style="background: url/img/flags/al.gif/ no-repeat; padding-left: 20px;" value="al">Albania</option>

<option style="background: url/img/flags/am.gif/ no-repeat; padding-left: 20px;" value="am">Armenia</option>

<option style="background: url/img/flags/an.gif/ no-repeat; padding-left: 20px;" value="an">Netherlands Antilles</option>

<option style="background: url/img/flags/ao.gif/ no-repeat; padding-left: 20px;" value="ao">Angola</option>

<option selected="selected" style="background: url/img/flags/ar.gif/ no-repeat; padding-left: 20px;" value="ar">Argentina</option>



 [...] - I think you get the idea.



</select>