¿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?


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


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


5

deshabilitar horizontaly verticalcon límite

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

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.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.