¿Cómo deshabilitar la entrada multilínea que cambia de tamaño de forma dinámica por el usuario?

Question

Tengo una entrada de línea múltiple en mi formulario html y algunos navegadores (Firefox 4 y Chrome) permiten a los usuarios cambiar el tamaño de forma dinámica. Es lindo, pero rompe mi diseño. ¿Es posible desactivar esta característica?

Gracias

Answer 1

Si los usuarios cambiar el tamaño del campo, es probablemente porque quieren (o necesidad) que fuera más grande .

En tal caso, debe considerar que sus usuarios saben lo que están haciendo, lo están haciendo porque lo desean/necesitan, y que aceptarán que el diseño sea un roto, siempre que les permita usa ese textarea.

embargo, si usted quiere hacer que (no debería), citando How do I disable textarea resizing?:

textarea { 
    resize: none; 
} 

^1. _{No veo muy bien, y cuando Amplio, o hago algo más grande, es porque también necesito - y, en tal caso, prefiero un diseño un poco roto en un sitio web que no puedo usar!}

Answer 2

AFAIK no puede deshabilitar eso. Pero no es posible que afecte su diseño hasta que el usuario actúe, y no puede evitarlo de todos modos.

Answer 3

uso de CSS:

textarea { 
    resize: none; 
} 

Ver resize property @ MDC.

Una mejor solución, sin embargo, es arreglar su diseño de modo que cambiar el tamaño del área de texto no rompa el diseño (al menos por cantidades razonables de cambio de tamaño). Dependiendo de cómo, y qué tan mal, rompa el diseño, los usuarios podrían no tenerlo en cuenta. El usuario web típico probablemente nunca note el pequeño tamaño de manejar de todos modos.

Answer 4

uso de CSS:

textarea { 
    resize: none; 
} 

Answer 5

En tu CSS, añadir lo siguiente: textarea { resize: none; }