Pruebe esto esto funciona para firefox, es decir, algo truble con relleno, pero funciona con la imagen de fondo. Las mejores obras en google chrome y firefox. Esto no funciona en absoluto en ópera, pero el relleno funciona. Así que no me importa, no funciona en Opera u otro navegador porque los odio y no es posible solucionar todos los problemas para que funcionen bien en todos los navegadores.
Solo tiene que seleccionar la opción de la imagen de 208 px y ponerla así. Tiene algunos elementos de corte para decir;)
.sl{
background-color: Transparent;
border: 0;
background: #181818;
color: #cccccc;
outline: none;
padding: 15px;
padding-left: 5px;
font-size: 8pt;
line-height: 10px;
width: 208px;
height: 29px;
-webkit-appearance: none;
}
<select style="background: url(select.gif) no-repeat 0 0;" name="some_countries" class="sl">
<option style="background: #000;" value="">What you need ?</option>
<option style="background: #000;" value="">I think it's good</option>
<option style="background: #000;" value="">what do you think ?</option>
<option style="background: #000;" value="">Do you think the same lime me ? :)</option>
<option style="background: #000;" value="">So what are you wating ?</option>
<option style="background: #000;" value="">Grab it now and be happy ;)</option>
</select>
ver en la acción de cómo se parece;)
espero que ayudó a algunos;)
¿Estás tratando de rellenar su selecto o tus opciones? –
select
Irónicamente, el relleno para listas de selección ahora funciona en Chrome para Windows (Versión 30.0.1599.69 m) pero no en Chrome para Mac (Versión 30.0.1599.69). ¿Alguna idea de por qué la versión Mac de Webkit no es compatible con esto, pero la versión de Windows es? –