style en option de lista desplegable no funciona en chrome

yomesmo · #1 (**permalink**) 08/04/2013, 10:28

Hola amigos, alguién sabe porque el Chrome no ejecuta el código CSS que pongo aqui:

<option value="icono-306.ico" style="padding:2px 2px 2px 20px;background:url(url_del_icono) no-repeat;background-size:15px 15px;">icono-306.ico</option>

Es una lista desplegable en la que muestro las opciones de la misma y para que los usuarios puedan ver el icono de lo que estan selecionando, pongo la imagen de fondo.

Funciona perfecto en todo menos en Chrome que ni siquiera ejecuta el "padding"

El style tengo que ponerlo en el mismo html de la lista (<option style=''> ) porque la lista es dinámica y se rellena con un directorio de imágenes.

Gracias de antemano

hades87 · #2 (**permalink**) 10/04/2013, 02:18

Estaría bien ver una captura de pantalla y además el código completo apra poder tener un poco mas de idea

yomesmo · #3 (**permalink**) 10/04/2013, 06:48

Ufff, el código completo son como 2000 lineas...

La clase CSS del option de la lista, no esta en una hoja de estilos, esta como indico en el post.

Funciona perfecto en todo menos en el Chrome

Saludos y gracias por responder

hades87 · #4 (**permalink**) 10/04/2013, 07:57

Has probado en vez de poner un .ico ponerle un .jpg o .png?

yomesmo · #5 (**permalink**) 10/04/2013, 08:14

Si, pero es que el cabrón del Chrome no me ejecuta ni siquiera el "padding", sin embargo si le pongo de blackground un color, entonces si lo pinta, de hecho es la única propiedad que ha ejecutado bien

Ains que cruz la informática!! Toa la vida en esto y siempre falla algo...

pzin · #6 (**permalink**) 10/04/2013, 08:30

Ni lo hará.

En Chrome no puedes darle estilos a los option. Y en realidad en los demás navegadores no se deberia de poder hacer tampoco.
Se supone que sólo se puede poner color y background-color.

yomesmo · #7 (**permalink**) 10/04/2013, 09:03

Me lo temía :(

Gracias por sacarme de la duda!!