Très court astuce: désactiver le redimensionnement d'un textarea sur Safari

En tout navigateur développé à partir du moteur de rendu WebKit (sur rendez-vous que Safari ou Google Chrome ), les champs textarea montrent, en bas à droite, le trait caractéristique de redimensionnement. Si ce caractère spécifique peut s'avérer très utile dans certains cas, dans d'autres il devient un élément de nuisance. Heureusement, vous pouvez contrôler ce comportement directement à partir de la feuille de style, simplement en agissant en CSS en utilisant redimensionner :

1
2
3
4
/ * Prend en charge automatique, deux, horizontales, aucun, vertical * /
textarea {
; redimensionner: none;
}

7 Commentaires: "truc très court: désactiver le redimensionnement d'un textarea sur Safari"

  1. 5 février 2009 Engelium :

    Bonjour

    mais cette propriété est applicable à d'autres navigateurs (permettant ainsi l'échelle de FF ou Opera par exemple) ou est une extension du propriétaire du webkit?

    Répondre Citer
  2. 5 février 2009 Giovambattista Fazioli :

    @ Engelium: resize une partie de CSS 3 partiellement pris en charge par les différents navigateurs disponibles. WebKit, Safari et Chrome sont donc les seuls - je sais - qui ont déjà mis en œuvre. . Dans le cadre du W3C/CSS3 spécifiques, doivent être pris en charge dans les futures versions de navigateurs comme Firefox, Opera, etc ... pour le pire, comme cela arrive déjà avec le border-radius , va utiliser des noms différents, tels que -moz-resize . Pour Firefox, cependant, ainsi que divers scripts Javascript "amule" un tel comportement, il ya également un add-on Textarea redimensionnable

    Répondre Citer
  3. 5 février 2009 Engelium :

    Eh bien je me suis intéressé en tant que webmaster, donc le fait qu'il ya des addons, je UserJS ou peu de changements

    merci pour la réponse

    Répondre Citer
  4. 6 février 2009 SXE:

    C'est exactement ce que je voulais.

    Merci!

    Et félicitations pour les articles.

    Répondre Citer
  5. 9 février 2009 La semaine en "Graphiques" # 1 - viklog :

    [...] Très court astuce: désactiver le redimensionnement d'un textarea sur Safari [...]

  6. 9 février 2009 Napolux :

    Donc, il n'est pas valide CSS2 et CSS3?

    Mmmmm ....

    Répondre Citer
  7. 9 février 2009 Giovambattista Fazioli :

    @ Napolux:

    Donc, il n'est pas valide CSS2 et CSS3?

    comme vous le savez les derniers navigateurs ont commencé à soutenir - en partie - CSS3. Je pense que là où les CSS3 soutenue resize elle et puis vous pouvez le désactiver. Dans ceux qui n'ont pas supprot cette approche passe inaperçue ... ou du moins je l'espère :)

    Répondre Citer

Laisser un commentaire

XHTML TAG PERMIS: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> CODE D'INSERTION: 
 <pre></pre> // blocco generico <code></code> // blocco generico [cc_actionscript][/cc_actionscript] // Actionscript [cc_actionscript3][/cc_actionscript3] // Actionscript 3 [cc_css][/cc_css] // CSS Style Sheet [cc_html][/cc_html] // HTML [cc_js][/cc_js] // Javascript [cc_objc][/cc_objc] // Objective-C [cc_php][/cc_objc] // PHP [cc_sql][/cc_sql] // SQL


Arrêtez SOPA