¿Cómo deshabilitar el redimensionamiento de textarea?

Question

Necesito desactivar el tamaño de texto textarea. 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 deshabilitarlo por favor?

Answer 1

Usted puede utilizar css

desactivar todas

textarea { resize: none; } 

única de cambio de tamaño vertical de

textarea { resize: vertical; } 

única de cambio de tamaño horizontal

textarea { resize: horizontal; } 

desactivar vertical y horizontal con límite de

textarea { resize: horizontal; max-width: 400px; min-width: 200px; } 

desactivar horizontal y vertical con límite de

textarea { resize: vertical; max-height: 300px; min-height: 200px; } 

Creo min-height debería ser útil para Usted

Answer 2

Puede poner esto en el archivo CSS:

textarea { 
    resize: none; 
} 

Answer 3

Con un poco de CSS como esto

textarea 
{ 
    resize: none; 
} 

O si desea que sólo verticales

textarea { resize:vertical; } 

u horizontal

textarea { resize:horizontal; } 

o ambos (no su caso)

textarea { resize:both; } 

Answer 4

desactivar horizontal y vertical con límite

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

Answer 5

Para textarea que utilizan width: 500px !important y height: 350px !important, por lo que este cambio de tamaño de usuario CSS códigos de prevenir, pero si usted tiene otras etiquetas que deben utilizar resize: none, para obtener explicaciones completas leen This Link.

Por ejemplo, para una etiqueta p debe establecer overflow propiedad con un valor que no es visible y luego configure resize, none, both, vertical, horizontal.