¿Cómo deshabilitar el cambio de tamaño de textarea?

171

Necesito deshabilitar textarea horizontal redimensionar. A veces quiero permitir el cambio de tamaño vertical en el área de texto.

Cada vez que creo una página de contacto, el área de texto está haciendo que mi diseño sea feo.

¿Alguien podría darme una solución para desactivarlo por favor?

Mes.
fuente

Respuestas:

315

Puedes usar css

Desactivar todo

textarea { resize: none; }

solo 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-heightdebería ser útil para ti

Mes.
fuente
40

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; } 
Bagazo
fuente
11

Puedes poner esto en el archivo CSS:

textarea {
  resize: none;
} 
Stelian Matei
fuente
5

deshabilitar horizontaly verticalcon límite

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

Por textarealo acostumbrado width: 500px !importanty height: 350px !important, por lo que este CSScódigos impiden cambiar el tamaño del usuario, pero si usted tiene otras etiquetas que deben utilizar resize: none, para obtener explicaciones completas leen este enlace .

Por ejemplo, para una petiqueta que debe establecer overflowla propiedad con un valor que no está visiblea continuación, establezca resize, none, both, vertical, horizontal.

AmerllicA
fuente