Chrome: tạo văn bản không thể thay đổi kích thước

Theo mặc định, Chrome cho phép thay đổi kích thước văn bản của tôi. Tôi muốn kiểm soát điều này và làm cho chúng chỉ có thể thay đổi kích thước theo chiều dọc, hoặc hoàn toàn không.

Làm thế nào tôi có thể đạt được điều này ?

Rails tạo thẻ textarea tiêu chuẩn, nhưng Safari / Chrome (Webkit) hiển thị tất cả (không chỉ Rails :) textareas dưới dạng có thể thay đổi kích thước.

Ứng dụng của nó có thể bị vô hiệu hóa bởi CSS

textarea {
    resize: none;
    }

Hoặc, nếu chỉ cần thay đổi kích thước theo chiều dọc:

textarea {
     resize: vertical;
     }

Đặt max-widthđể làm cho chúng chỉ có thể thay đổi kích thước theo chiều dọc hoặc đặt max-heightvà max-widthdừng tất cả các thay đổi kích thước.

Tuy nhiên, hãy lưu ý rằng việc phá vỡ kỳ vọng của người dùng về cách trình duyệt của họ xử lý các điều khiển có xu hướng tạo ra nhiều sự thất vọng cho người dùng.

bạn có thể đặt cột và các hàng như

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

hoặc chỉ định kích thước như

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