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>