Chrome:制作不可调整尺寸的textareas
默认情况下,Chrome使我的textareas可调整大小。 我希望控制这一点,或者让它们只能垂直调整大小,或者根本不调整大小。
我怎样才能做到这一点?
Rails生成标准的textarea标签,但Safari / Chrome(Webkit)显示所有(不仅Rails :) textareas可调整大小。
其外观可能会被CSS禁用
textarea {
resize: none;
}
或者,如果只需要垂直调整大小:
textarea {
resize: vertical;
}
设置max-width
使其仅可垂直调整大小,或设置max-height
和max-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