Làm thế nào để vô hiệu hóa kích thước của textarea?

Question

Tôi cần phải tắt kích thước ngang của văn bản. Đôi khi tôi muốn cho phép thay đổi kích thước dọc trên vùng văn bản.

Bất cứ khi nào tôi tạo trang liên hệ với chúng tôi, vùng văn bản làm cho thiết kế của tôi trở nên xấu xí.

bất kỳ ai có thể cho tôi giải pháp để vô hiệu hóa nó không?

Answer 1

Bạn có thể sử dụng css

vô hiệu hóa tất cả

textarea { resize: none; } 

chỉ dọc thay đổi kích thước

textarea { resize: vertical; } 

chỉ ngang thay đổi kích thước

textarea { resize: horizontal; } 

disable dọc và ngang với giới hạn

textarea { resize: horizontal; max-width: 400px; min-width: 200px; } 

disable ngang và dọc với giới hạn

textarea { resize: vertical; max-height: 300px; min-height: 200px; } 

Tôi nghĩ min-height nên hữu ích cho bạn

Answer 2

Bạn có thể đặt này trong file CSS:

textarea { 
    resize: none; 
} 

Answer 3

Với một số css như thế này

textarea 
{ 
    resize: none; 
} 

Hoặc nếu bạn muốn chỉ đứng

textarea { resize:vertical; } 

Hoặc ngang

textarea { resize:horizontal; } 

hoặc cả hai (không phải trường hợp của bạn)

textarea { resize:both; } 

Answer 4

disable horizontal và vertical với giới hạn

textarea { 
    width:100%; 
    resize:vertical; 
    max-height:250px; 
    min-height:100px; 
} 

Answer 5

Đối textarea tôi đã sử dụng width: 500px !important và height: 350px !important, vì vậy đây CSS mã ngăn chặn người dùng thay đổi kích thước, nhưng nếu bạn có thẻ khác bạn phải sử dụng resize: none, cho lời giải thích hoàn toàn đọc This Link.

Ví dụ, đối với một thẻ p bạn phải thiết lập overflow tài sản với giá trị đó không phải là visible và sau đó thiết lập resize, none, both, vertical, horizontal.