Archive

Posts Tagged ‘textarea’

Controlar el redimensionado de los textarea

22 mayo 2014 9 comentarios

textareaResize1Ya expliqué como Desactivar el redimensionado de los textarea, pero podemos bloquearlos de una de las posiciones no completamente, es decir que el usuario pueda arrastrar y ensanchar el textarea a lo ancho sin que se alargue o alargar el textarea a lo largo de forma que no se ensanche.

Es una opción valida para que no sobrepase los elementos que puedan estar a su lado.

Configura las siguientes opciones en tu CSS:

CSS
textarea {resize:both;} /* hace resize tanto vertical como horizontal */
textarea {resize:vertical;} /* hace resize solo vertical */
textarea {resize:horizontal;} /* hace resize solo horizontal */

 

Desactivar el redimensionado de los textarea

23 marzo 2012 2 comentarios

En los nuevos navegadores de Safari, Chrome y Firefox se ha permitido redimensionar el textarea para una mejor introducción de comentarios o conetenido. Pero muchas veces nuestro diseño no permite la redimensión dejando el textarea sobre otros botones o con el fondo descuadrado al no redimensionarse.

Para desactivar el redimensionado de los textarea hemos de añadir la siguiente propiedad al textarea:

textarea {
        resize: none;
}
A %d blogueros les gusta esto: