ios - que - safari desarrollador iphone

Detener Safari Mobile de dar botones de entrada esquinas redondeadas

Question

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?

Answer 1

Descubrí que en el iPad 2 tienes que usar lo siguiente:

-webkit-appearance:none;
border-radius: 0;

en tu clase de botón.

Answer 2

No funcionó para mí, la apariencia del "sitio web": ninguna.

Esto hace:

input[type=submit] {
    -webkit-border-radius:0px;
}

Tuve el mismo problema con las esquinas redondeadas en un botón con la imagen de fondo, solo en el iPhone.

Answer 3

Puede intentar usar el siguiente CSS:

-webkit-appearance:none;

Más información: http://trentwalton.com/2010/07/14/css-webkit-appearance/

Answer 4

Si agrega ...

input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

Luego, sus botones heredarán cualquier estilo CSS que haya aplicado para otros navegadores.

Answer 5

Tenía un sitio con un tipo de envío de entrada = "imagen". Esta variación de lo anterior fijó las esquinas redondeadas:

input[type=image] {
    -webkit-border-radius:0px;
}