2012-07-29 27 views
8

Tengo un problema con las entradas de Twitter Bootstrap que se muestran correctamente en safari 6.0.Bootstrap Entradas en safari 6 ¿no es así?

Estoy bastante seguro de que esto estaba bien antes de mudarme a Mountain Lion, y parece ser un problema con Chrome.

Básicamente en Safari, el extremo derecho de la entrada parece cortado y no se muestra correctamente. He tomado una captura de pantalla de demostración de lo que quiero decir ...

Safari:

Safari

Chrome:

Chrome

¿Alguna idea?

EDIT: ¡Solo estoy mirando el sitio Twitter Bootstrap y veo que muchas de sus entradas tienen el mismo problema! ¿Alguien más está viendo esto?

+1

Eche un vistazo a 'tamaño de caja', tal vez jugando con el ancho – Sherbrow

+0

Tenga en cuenta que no puede ver cómo le afecta? ¡Muy nuevo en esto, así que no estoy seguro de dónde mirar! – shorn

+0

Estoy pensando que es casi seguro un problema de Safari. Mirando este sitio, y notó una de estas insignias [mira aquí] (http://cl.ly/image/1K3a3W1o2r3u) - revisa la insignia del comentarista, lado derecho. Los botones/entradas/elementos en el sitio de arranque parecen eso – shorn

Respuesta

3

El artefacto parece ser un problema con la representación de radio de borde de Safari, y no es específico de Twitter Bootstrap. Ver rendering borders en el foro de soporte de Apple. Las entradas normalmente se renderizan normalmente después de seleccionarlas.

Al desactivar el radio de borde en los elementos afectados con las dos líneas siguientes se elimina el artefacto. Tenga cuidado, a veces esto causa even more puzzling artifacts en los botones cercanos.

-webkit-border-radius: 0; 
border-radius: 0; 
Cuestiones relacionadas