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

Question

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

Tôi làm cách nào để đạt được điều này?

Answer 1

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 như resizable.

apperance 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 dọc:

textarea { 
    resize: vertical; 
    } 

Answer 2

Đặt max-width để đặt chúng chỉ có thể định lại kích thước theo chiều dọc hoặc đặt max-height và max-width để dừng tất cả thay đổi kích thước.

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

Answer 3

bạn có thể thiết lập các 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 xác đị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>