El truco es muy sencillo, tan solo consiste en agregar los siguientes atributos CSS al estilo correspondiente:
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
El código de mi ejemplo queda entonces de la siguiente manera:
Lamentablemente no funciona en Internet Explorer, pero sí en Firefox, Safari y Chrome.
Entradas
2 comentarios:
no veo la diferencia Ale... ni IE8, ni Chrome... veo los dos iguales, cuadrados
Seba, a raiz de tu comentario noté que Blogger se toma algunas atribuciones que no le corresponden :-) Institía en cambiarme el código original por otro, y por eso no se veían las esquinas redondeadas en Chrome. Opté por "tomar una foto" al resultado para que se vea en todos los navegadores, pero insisto en que el código publicado funciona en Firefox, Safari y Chrome.
Saludos y gracias!
Publicar un comentario en la entrada