Foros del Web » Creando para Internet » CSS »

imprevisto problema con el borde de un control de formulario

Estas en el tema de imprevisto problema con el borde de un control de formulario en el foro de CSS en Foros del Web. ¿Porque al cambiar el borde de un, por ejemplo, input de este modo: input:focus{ border:1px solid red; } .... varía ligeramente su padding o margin ...
  #1 (permalink)  
Antiguo 27/08/2012, 08:06
 
Fecha de Ingreso: noviembre-2005
Mensajes: 172
Antigüedad: 18 años, 4 meses
Puntos: 1
imprevisto problema con el borde de un control de formulario

¿Porque al cambiar el borde de un, por ejemplo, input de este modo:

input:focus{
border:1px solid red;
}



.... varía ligeramente su padding o margin al hacer focus? Quiero decir, que el tamaño de la caja varía (minimamente, pero es perceptible).

No se como hacer que no varie nada el tamaño. ¿Me ayudan?











EDIT: bueno, ya lo he solucionado, cambiando a 2px. Pero no se porque con 2px no varia, si se nota q el borde sin y con foco sin darle estilo se ve que es de 1px.

Última edición por congrio7; 27/08/2012 a las 10:14
  #2 (permalink)  
Antiguo 27/08/2012, 23:03
Avatar de JairLizcano  
Fecha de Ingreso: junio-2008
Ubicación: Santander, Colombia
Mensajes: 608
Antigüedad: 15 años, 10 meses
Puntos: 53
Respuesta: imprevisto problema con el borde de un control de formulario

En sí esa no es la solución, utiliza la propiedad box-sizing con valor border-box, y deja en manos del navegador para que recalcule las medidas del input teniendo en cuenta el grosor del borde.

Espero te sirva.

Buena suerte.
__________________
Programar dejó de ser una profesión acusada en la oscuridad y disfrutada fríamente... para convertirse en un arte.

Etiquetas: control, formulario, tamaño, bordes
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 09:03.