Select con imagenes dentro

[flashtkd]

Hola se puede hacer un select con imagenes dentro, como por ejemplo:

HTML y CSS



Cuando se hace click se despliega.



no me resulta aún, pero esto es el código que tengo.

Código PHP:

  
<style type="text/css">
  .select_imagen{
        font-size:10px;

       }
</style>

<select name="seleccion" size="1" class="select_imagen">
    <option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Espa&#241;a</option>
    <option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Francia</option>
    <option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Chile</option>
</select> 
   

[Inluzion]

Algo asi podrias probar, es un ejemplo rápido para que te des una idea...

Código:

<style>
  .select_imagen{
        font-size:10px;
       }
  .es{
       background:url(bandera.gif) no-repeat;
       }
  .fr{
       background:url(bandera2.gif) no-repeat;
      }
</style>

<select name="seleccion" size="1" class="select_imagen">
    <option class="es">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;España</option>
    <option class="fr">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Francia</option>
    <option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Chile</option>
</select>