Hiding textarea poignée de redimensionnement dans Safari

Question

J'utilise des composants textarea dans ma demande, et je contrôler dynamiquement leur hauteur. Comme les types d'utilisateurs, la hauteur est augmentée chaque fois qu'il ya assez de texte. Cela fonctionne très bien sur IE, Firefox et Safari.

Cependant, dans Safari, il est un outil « poignée » en bas à droite qui permet à l'utilisateur de redimensionner la zone de texte en cliquant et en faisant glisser. J'ai aussi remarqué ce problème avec le textarea dans la stackoverflow page Poser une question. Cet outil est source de confusion et obtient essentiellement de la manière.

Alors, est-il de toute façon de cacher cette poignée de redimensionnement?

(Je ne sais pas si « poignée » est le mot juste, mais je ne peux pas penser à un meilleur terme.)

Answer 1

Vous pouvez remplacer le comportement de modification de taille avec CSS:

textarea
{
   resize: none;
}

ou tout simplement

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

propriétés correctes sont les suivantes: à la fois, horizontal, vertical, aucun

Answer 2

Utilisez la règle CSS suivante pour désactiver ce comportement pour tous les éléments TextArea:

textarea {
    resize: none;
}

Si vous voulez le désactiver pour certains (mais pas tous) des éléments de TextArea, vous avez deux options (grâce à cette page ).

Pour désactiver une TextArea spécifique avec l'attribut name fixé à foo (à savoir, <TextArea name="foo"></TextArea>):

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

Ou, en utilisant un identifiant (par exemple, <TextArea id="foo"></TextArea>):

#foo {
    resize: none;
}

Notez que ce ne concerne que les navigateurs basés sur WebKit (à savoir, Safari et Chrome), qui ajoutent la poignée de redimensionnement à TextArea contrôles.

Answer 3

la possibilité de max-width safari max-height fonctionne également dans Firefox 4.0 (b3pre). bon exemple par la façon suivante: http://www.alanedwardes.com/ messages / safari-et-redimensionnable-textboxes /