Supongo que el sujeto lo dice todo. Tengo una aplicación web cuando se ve en un Iphone, Ipod o Ipad, los botones de envío de entrada tienen esquinas redondeadas. ¿Hay alguna manera de detener esto?Detener Safari Mobile al dar botones de entrada esquinas redondeadas
Si agrega ...
input, textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
A continuación, los botones heredarán los estilos CSS que ha aplicado para otros navegadores.
No funcionó para mí, el aspecto de -webkit: ninguno.
esto hace:
input[type=submit] {
-webkit-border-radius:0px;
}
tuve el mismo problema con las esquinas redondeadas en un botón de imagen de fondo, justo en el iPhone.
Confirmando: la respuesta más votada aquí (por Duopixel) no funciona, pero la respuesta de Roel sí lo hace. Esto probablemente se deba a un cambio realizado en la implementación del conjunto de aplicaciones web móviles de Apple en los meses siguientes. – CoreDumpError
@Cor eDumpError: quieres decir que no funciona _por ti_. La solución funcionó para mí. Acabo de implementarla. No estoy seguro de por qué estamos experimentando diferentes resultados. Por otra parte, su publicación se realizó hace más de medio año, por lo que no puedo decir si todavía está experimentando el mismo problema. –
@Roel, es posible que simplemente tenga problemas de precedencia ...? –
Tenía un sitio con una entrada submit type = "image". Este vairation de los fijos de las esquinas redondeadas anteriores:
input[type=image] {
-webkit-border-radius:0px;
}
Usted puede tratar de utilizar CSS siguiente:
-webkit-appearance:none;
Más información: http://trentwalton.com/2010/07/14/css-webkit-appearance/
He encontrado que en el iPad 2 tiene para usar lo siguiente:
-webkit-appearance:none;
border-radius: 0;
en su clase de botón.
Esto no funciona en iPad2, iOS 5.1.1. No puedo estar seguro de que no funcione en otros dispositivos iOAS, ya que no tengo ninguno para probarlo. Sin embargo, la solución '-webkit-border-radius: 0px' de Roel * funciona *. – CoreDumpError
Si no aplica -webkit-appearance: none, Safari se vuelve exigente con las propiedades que se pueden aplicar (es decir, 'font-size' y' color'. La mejor solución sería aplicar ambos. – Duopixel
Informes en para confirmar que esta solución funciona para iPad, iOS 5.1.1. –