Archivo

Posts Tagged ‘redimensionado’

Controlar el redimensionado de los textarea

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 15 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: