Cargando

Desactivar apariencia del botón iPad iPhone Apple input redondo




Pulsa corazón para recibir avisos de nuevas Respuestas

  AUTOR PREGUNTA

Publicado 02 septiembre 2013 - 11:54
Hola al escribir como código <input en los navegadores sale bien la apariencia que quiero pero en dispositivos Apple aparece con otra apariencia redonda y de otros colores y sombras.

¿Cómo puedo desactivar esa apariencia en dispositivos Apple y que se vea el botón input como yo quiero?

gracias!!
  • 2 personas más tuvieron esta duda Yo también
  • Volver arriba

 

Publicado 02 septiembre 2013 - 12:08
-webkit-appearance: none;

con ese modificador CSS quitas la apariencia esa redonda de Apple ;)

 

Publicado 02 septiembre 2013 - 12:26
Sentencia CSS para que desaparezca:

-webkit-appearance: <appearance>;

Propiedades:

button
button-bevel
caret
checkbox
default-button
listbox
listitem
media-fullscreen-button
media-mute-button
media-play-button
media-seek-back-button
media-seek-forward-button
media-slider
media-sliderthumb
menulist
menulist-button
menulist-text
menulist-textfield
none
push-button
radio
searchfield
searchfield-cancel-button
searchfield-decoration
searchfield-results-button
searchfield-results-decoration
slider-horizontal, slider-vertical
sliderthumb-horizontal
sliderthumb-vertical
square-button
textarea
textfield



 

Publicado 02 septiembre 2013 - 13:33
No te olvides de estas dos propiedades CSS también sino te valo sólo con la que te han puesto:

-webkit-border-radius:0px;

o

border-radius:0px;

   AUTOR PREGUNTA

Publicado 08 septiembre 2013 - 19:20
Muchisimas gracias!! con eso desaparece la apariencia redonde de apple en los botones.


X