html - img - ¿Cómo deshabilitar el redimensionamiento del área de texto?

title html attribute

Question

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?

Answer 1

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; } 

Answer 2

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 .

Answer 3

Puedes poner esto en el archivo CSS:

textarea {
  resize: none;
} 

Answer 4

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

Answer 5

deshabilitar horizontal y vertical con límite

textarea { 
    width:100%;
    resize:vertical; 
    max-height:250px; 
    min-height:100px; 
}