html - img - ¿Cómo deshabilitar el redimensionamiento del área de texto?
title html attribute (5)
Necesito desactivar el tamaño de texto textarea horizontal. A veces quiero permitir el cambio de tamaño vertical en el área de texto.
Cada vez que creo una página de contacto con nosotros, el área de texto está haciendo que mi diseño sea feo.
¿Alguien podría darme una solución para desactivarlo, por favor?
Con algunos css como este
textarea
{
resize: none;
}
O si solo quieres vertical
textarea { resize:vertical; }
U horizontal
textarea { resize:horizontal; }
o ambos (no es tu caso)
textarea { resize:both; }
Para textarea
utilicé width: 500px !important
y height: 350px !important
, por lo que estos códigos CSS
impiden el cambio de tamaño del usuario, pero si tienes otras etiquetas debes usar resize: none
, para explicaciones completas lee este enlace .
Por ejemplo, para una etiqueta p
, debe establecer la propiedad de overflow
con un valor que no sea visible
y luego establecer el resize
, none
, both
, vertical
, horizontal
.
Puedes poner esto en el archivo CSS:
textarea {
resize: none;
}
Puedes usar css
Desactivar todo
textarea { resize: none; }
solo cambio de tamaño vertical
textarea { resize: vertical; }
solo cambio de tamaño horizontal
textarea { resize: horizontal; }
deshabilitar vertical y horizontal con límite
textarea { resize: horizontal; max-width: 400px; min-width: 200px; }
deshabilitar horizontal y vertical con límite
textarea { resize: vertical; max-height: 300px; min-height: 200px; }
Creo que min-height
debería ser útil para ti
deshabilitar horizontal
y vertical
con límite
textarea {
width:100%;
resize:vertical;
max-height:250px;
min-height:100px;
}