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

Tôi cần phải vô hiệu hóa thay đổi kích thước ngang 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 một trang liên hệ với chúng tôi, textarea đang làm cho thiết kế của tôi trở nên xấu xí.

bất cứ ai có thể cho tôi một giải pháp để vô hiệu hóa nó xin vui lòng?

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

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

textarea { resize: none; }

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

textarea { resize: vertical; }

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

textarea { resize: horizontal; } 

vô hiệu hóa dọc và ngang với giới hạn

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

vô hiệu hóa ngang và dọc với giới hạn

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

Tôi nghĩ min-heightnên có ích cho bạn

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

textarea
{
   resize: none;
}

Hoặc nếu bạn chỉ muốn dọc

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; } 

Bạn có thể đặt cái này trong tệp CSS:

textarea {
  resize: none;
} 

vô hiệu hóa horizontalvà verticalcó giới hạn

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

Đối với textareatôi đã sử dụng width: 500px !importantvà height: 350px !important, do đó, CSSmã này ngăn người dùng thay đổi kích thước, nhưng nếu bạn có các thẻ khác bạn phải sử dụng resize: none, để giải thích đầy đủ, hãy đọc Liên kết này .

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