Foros del Web » Creando para Internet » CSS »

Visualización de inputs en Responsive

Estas en el tema de Visualización de inputs en Responsive en el foro de CSS en Foros del Web. Hola buenos días! Tengo un problema con una web que estoy implementando y como no, es responsive. En mi hoja de estilos tengo esto: @import ...
  #1 (permalink)  
Antiguo 12/05/2016, 01:13
Avatar de madman_18  
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 13 años, 7 meses
Puntos: 14
Pregunta Visualización de inputs en Responsive

Hola buenos días!

Tengo un problema con una web que estoy implementando y como no, es responsive.

En mi hoja de estilos tengo esto:

Código CSS:
Ver original
  1. input,select,textarea{font-family: 'Open Sans',sans-serif;-webkit-appearance:none!important;}

Y me funciona en inputs que son submit, reset etc...los típicos de un formulario. Pero viendo al detalle la web en el teléfono (un iPhone) me doy cuenta que los inputs de texto me los está curvando, es decir le aplica el estilo por defecto como si ese estilo no lo cogiese.

No sé por qué lo hace así...he probado a establecer el valor de la apariencia en el estilo del input pero tampoco funciona.

El estilo del input es el siguiente:

Código CSS:
Ver original
  1. .input-form,.textarea-form{
  2.     width:100%;
  3.     height:32px;
  4.     line-height:32px;
  5.     border:none;
  6.     border-bottom: 2px solid #2DB4D6;
  7.     background:none;
  8.     position: relative;
  9.     z-index: 10;
  10.     box-sizing:border-box;
  11.         -webkit-box-sizing:border-box;
  12.         -moz-box-sizing:border-box;
  13.         -ms-box-sizing:border-box;
  14.         -o-box-sizing:border-box;
  15.     transition:all ease-in-out 0.3s;
  16.         -webkit-transition:all ease-in-out 0.3s;
  17.         -moz-transition:all ease-in-out 0.3s;
  18.         -ms-transition:all ease-in-out 0.3s;
  19.         -o-transition:all ease-in-out 0.3s;
  20. }

Y el elemento es un input "normal y corriente"

Código HTML:
Ver original
  1. <input class="input-form" type="text" placeholder="Escriba su nombre de contacto" name="nombre" id="nombre"/>

Os pongo una captura
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"
  #2 (permalink)  
Antiguo 13/05/2016, 08:29
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 7 meses
Puntos: 2114
Respuesta: Visualización de inputs en Responsive

No estás indicando por ningún sitio border-radius: 0.
__________________
(:

Etiquetas: background, inputs, responsive, width
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:25.