Ocultar el controlador de cambio de tamaño del área de texto en Safari

Question

Estoy usando componentes de área de texto en mi aplicación y controlo su altura dinámicamente.A medida que el usuario escribe, la altura aumenta siempre que haya suficiente texto.Esto funciona bien en IE, Firefox y Safari.

Sin embargo, en Safari, hay una herramienta de "control" en la parte inferior derecha que permite al usuario cambiar el tamaño del área de texto haciendo clic y arrastrando.También noté este problema con el área de texto en la página Hacer una pregunta de stackoverflow.Esta herramienta es confusa y básicamente estorba.

Entonces, ¿hay alguna forma de ocultar este controlador de cambio de tamaño?

(No estoy seguro de si "manejar" sea la palabra correcta, pero no se me ocurre un término mejor).

Answer 1

Puede reemplazar el comportamiento de cambio de tamaño con CSS:

textarea
{
   resize: none;
}

o simplemente

<textarea style="resize: none;">TEXT TEXT TEXT</textarea>

propiedades válidos son: tanto, horizontal, vertical, ninguno

Answer 2

Utilice la siguiente regla CSS para desactivar este comportamiento para todos TextArea elementos:

textarea {
    resize: none;
}

Si desea desactivarlo para algunos (pero no para todos) TextArea elementos, tienes un par de opciones (gracias a esta página).

Para desactivar un específico TextArea con el name atributo establecido en foo (es decir., <TextArea name="foo"></TextArea>):

textarea[name=foo] {
    resize: none;
}

O bien, utilizando una identificación (es decir, <TextArea id="foo"></TextArea>):

#foo {
    resize: none;
}

Tenga en cuenta que esto sólo es relevante para los navegadores basados ​​en WebKit (es decir, Safari y Chrome), que agregan el controlador de cambio de tamaño a TextArea control S.

Answer 3

la oportunidad max-anchura safari max-height también funciona en Firefox 4.0 (b3pre). buen ejemplo de la forma: http://www.alanedwardes.com/ mensajes / Safari-y-redimensionable-cuadros de texto /