Foros del Web » Creando para Internet » CSS »

Input text cuadrado

Estas en el tema de Input text cuadrado en el foro de CSS en Foros del Web. Ipad trata los input text como bordes redondeados lo q me impide poner por ejemplo una lupa a su dcha como si la caja continuase ...
  #1 (permalink)  
Antiguo 21/01/2012, 18:18
Avatar de humanista  
Fecha de Ingreso: abril-2005
Mensajes: 878
Antigüedad: 19 años
Puntos: 15
Input text cuadrado

Ipad trata los input text como bordes redondeados lo q me impide poner por ejemplo una lupa a su dcha como si la caja continuase hasta la lupa del buscador.
El tema es q si pongo el borde dcho deshabitado, acaba en borde redondeado y no hace el efecto de continuar la caja hacia la lupa
  #2 (permalink)  
Antiguo 22/01/2012, 10:24
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Input text cuadrado

Estas propiedades deberían coregir el problema

Código CSS:
Ver original
  1. -webkit-appearance: none;
  2. -webkit-focus-ring-color: none;
  3. -webkit-border-radius:0px;
Ejemplo:

Código CSS:
Ver original
  1. input[type=image] {
  2.     -webkit-border-radius:0px;
  3.     -webkit-appearance: none;
  4. -webkit-focus-ring-color: none;
  5. }
  6.  
  7. input[type=submit] {
  8.     -webkit-border-radius:0px;
  9.     -webkit-appearance: none;
  10. -webkit-focus-ring-color: none;
  11. }
  12.  
  13. input[type=submit] {
  14.     -webkit-border-radius:0px;
  15.     -webkit-appearance: none;
  16. -webkit-focus-ring-color: none;
  17. }

Aplicarles !important, no estaría de más

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: cuadrado, input, txt
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 17:50.