google chrome - how - Chrome: hacer textareas no redimensionables

how to create extensions for chrome

Question

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

Cómo puedo conseguir esto ?

Answer 1

Establezca max-width para que solo se pueda cambiar el tamaño verticalmente, o establezca max-height y max-width para detener el cambio de tamaño.

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

Answer 2

Los rieles generan una etiqueta textarea estándar, pero Safari / Chrome (Webkit) muestran todas (no solo Rails :) textareas como redimensionables.

Su aspecto puede ser deshabilitado por CSS

textarea {
    resize: none;
    }

O, si solo necesita cambiar el tamaño vertical:

textarea {
     resize: vertical;
     }

Answer 3

puedes configurar la columna y las 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 especifica el tamaño como

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