Chrome:制作不可调整尺寸的textareas

默认情况下,Chrome使我的textareas可调整大小。 我希望控制这一点,或者让它们只能垂直调整大小,或者根本不调整大小。

我怎样才能做到这一点?


Rails生成标准的textarea标签,但Safari / Chrome(Webkit)显示所有(不仅Rails :) textareas可调整大小。

其外观可能会被CSS禁用

textarea {
    resize: none;
    }

或者,如果只需要垂直调整大小:

textarea {
     resize: vertical;
     }

设置max-width使其仅可垂直调整大小,或设置max-heightmax-width以停止所有调整大小。

但是,请注意,打破用户对浏览器对待控件的期望往往会造成很多用户的沮丧。


你可以像设置列和行一样

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

或者指定大小

<%= text_area :object, :attribute, :size => "10x100" %> 
#=> <textarea cols="10" rows="100" id="object_attribute" name="object[attribute]">
#      #{@object.attribute}
#   </textarea>
链接地址: http://www.djcxy.com/p/27387.html

上一篇: Chrome : make non resizable textareas

下一篇: why is it possible to change the size of a text box?