Pregunta Detener Safari Mobile de dar botones de entrada esquinas redondeadas


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?


74
2018-03-10 17:16


origen


Respuestas:


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.


169
2018-03-10 17:36



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.


19
2017-12-16 08:33



Puede intentar usar el siguiente CSS:

-webkit-appearance:none;

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


8
2017-09-06 12:03



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

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

en tu clase de botón.


4
2017-12-18 09:36



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;
}

3
2018-01-05 03:21