Chrome: créer des zones de texte non redimensionnables

Question

Par défaut, Chrome redimensionne mes zones de texte. Je souhaite contrôler ceci et soit les rendre seulement verticalement redimensionnables, ou pas du tout.

Comment puis-je y parvenir?

Answer 1

Rails génèrent balise standard textarea, mais affichage Safari/Chrome (WebKit) tous (non seulement Rails :) textareas comme redimensionnable.

Son apparence peut être désactivée par CSS

textarea { 
    resize: none; 
    } 

Ou, si besoin que Redimensionner vertical:

textarea { 
    resize: vertical; 
    } 

Answer 2

Définissez max-width pour les rendre uniquement redimensionnables verticalement ou définissez max-height et max-width pour arrêter tout redimensionnement. Toutefois, sachez que le fait de ne pas répondre aux attentes des utilisateurs quant à la manière dont leur navigateur traite les commandes a tendance à créer beaucoup de frustration chez les utilisateurs.

Answer 3

vous pouvez définir la colonne et des lignes comme

<%= text_area :object, :attribute, :rows => '10', :cols => '100' %> 
#=> <textarea cols="100" rows="10" id="object_attribute" name="object[attribute]"> 
#  #{@object.attribute} 
# </textarea> 

ou spécifier la taille comme

<%= text_area :object, :attribute, :size => "10x100" %> 
#=> <textarea cols="10" rows="100" id="object_attribute" name="object[attribute]"> 
#  #{@object.attribute} 
# </textarea>