Bordes redondeados a campo select en chrome

[gulys]

Le pongo esto al css.....

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

En firefox no hay problema, en chrome solo me quedan bien los campos de textos, los campos select quedan feos.



Fijense las esquinas del select y las esquinas de texto, hay mucha diferencia, alguna ayuda para esto?

[JairLizcano]

La solución que tengo en mis manos es algo... hace tiempo la definí como inestable. Es gracias a CSS, sin recurrir a JS:

Código HTML:

select {

   -webkit-appearance: button;

   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}

Documentación: http://css-infos.net/property/-webkit-appearance

Espero te pueda servir.

Buena suerte.

[gulys]

Hola, de esa forma me quedan bien las esquinas pero desaparece la flechita para desplegar, igual funciona el despliegue pero la gente va a pensar que es un campo de texto, igual mil gracias por la ayuda! Saludos

[JairLizcano]

No te compliques sólo por ello, bien puedes simular también esa "flechita":

Código HTML:

select {

   -webkit-appearance: button;

   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;

   background-image: url(flechita.png);
   background-position: center right;
   background-repeat: no-repeat;
}

Espero te sirva.

Buena suerte.

[gulys]

Bien ahora si, te pregunto otra cosa, hay alguna forma de que esto mismo haga efecto de FF asi le hago un diseño personalizado?

Te muestro, el de arriba es chrome con el fondo de la flechita, y el de abajo firefox, ojala pueda dejar FF igual al de chrome



Lei que la flechita se puede cambiar con js pero si lo puedo lograr por css mucho mejor. Gracias!

[JairLizcano]

Al parecer te decidiste por estilizar todo el elemento, siendo así te recomiendo que mejor revises algo de material en la red, como por ejemplo:

Enlace: http://bavotasan.com/2011/style-sele...sing-only-css/

Buena suerte.

[gulys]

Si la verdad, habia buscado bastante para cambiar la flechita y en todos lados lei que con css solo no se puede, ahora al tener la posibilidad me gusto mas la idea, mañana te cuento como me fue con ese tuto, es bastante cortito y al parecer solo hay que meterlo en un div y luego darle estilos, gracias.