Cómo desactivar la propiedad resize de un textarea

En esta ocasión te quiero mostrar cómo desactivar la propiedad resize de un textarea que viene por defecto activada.

Textarea

El textarea es un elemento HTML que nos sirve para representar un control o input de texto multilínea sin formato y lo usamos para introducir texto en formularios.

Propiedad resize de un textarea

Partimos de un textarea con la propiedad resize activada como podemos ver en la siguiente imagen:

Vamos a modificar esta propiedad con CSS así que abré tu hoja de estilos y vamos a agregar el siguiente código:

textarea {
  resize: none;
}

En este caso le estamos diciendo que para todos los elementos de tipo textarea la propiedad resize tiene valor none. Ten en cuenta que si no lo quieres para todos los textarea de tu web, tendrás que usar una clase o un ID en lugar del nombre del elemento que estamos usando en este caso. Después de guardar los cambios recargamos nuestra web y ya podremos ver el cambio.

Ya sabes cómo desactivar la propiedad resize de un textarea. Puedes ver la documentación de Textarea y aprender más en nuestra sección de Desarrollo Web.

¡Espero que te sea de utilidad!