Chrome: hacer textareas no redimensionables

Question

De forma predeterminada, Chrome hace que mis áreas de texto se vuelvan a cambiar de tamaño. Deseo controlar esto y hacer que solo se puedan redimensionar verticalmente, o no hacer nada.

¿Cómo puedo lograrlo?

Answer 1

rieles generan etiqueta área de texto estándar, pero la pantalla Safari/Chrome (WebKit) todos (no sólo los rieles :) textareas como redimensionable.

Su apariencia puede ser desactivado por CSS

textarea { 
    resize: none; 
    } 

O, si sólo necesita cambiar el tamaño vertical:

textarea { 
    resize: vertical; 
    } 

Answer 2

Configure max-width para que solo se puedan cambiar verticalmente de tamaño, o configure max-height y max-width para detener el cambio de tamaño.

Sin embargo, tenga en cuenta que romper las expectativas del usuario acerca de cómo su navegador trata los controles tiende a crear mucha frustración del usuario.

Answer 3

puede establecer la columna y filas como

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

o especificar el tamaño como

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