Không thể giảm kích thước của vùng văn bản trong Chrome và Opera

Question

Tôi không thể giảm kích thước của vùng văn bản bằng chuột mặc dù tôi không chỉ định chiều rộng và chiều cao tối thiểu. Trong Firefox mọi thứ đều ổn. Câu hỏi này được hỏi ở đây: Can't reduce size of resizable textarea in Chrome, nhưng tôi không thể tìm thấy câu trả lời phù hợp, có thể ai đó có thể giúp tôi.

Đây là dấu ấn của mình lên:

<textarea id="textarea" name="textarea"></textarea> 

và CSS:

textarea{ 
    width: 90%; 
    height: 400px; 
    border: 2px dashed black; 
    border-radius: 12px; 
    background-color: transparent; 
    font-family: Purisa; 
    font-size: 23px; 
    padding: 5px; 
    margin: 20px auto auto auto; 
    outline: none; 
    border-color: black; 
} 

Answer 1

Google Chrome có một số loại hạn chế để hiển thị nội dung đúng cách để sử dụng. Do đó, họ đã chỉnh sửa các hành động mặc định của thay đổi kích thước trên <textarea>. Trong các phiên bản cũ hơn của chrome, không có hạn chế nào.

Vì vậy, nếu bạn sử dụng heightmin-height sẽ là chiều cao của bạn. Vì vậy, bạn chỉ cần đặt min-height và chỉ max-height. Height ghi đè chiều cao tối thiểu trong Chrome.

Đây là một fiddle đơn giản: http://jsfiddle.net/gAr72/1/

Edit:

Bạn có thể thấy Firefox sẽ làm việc giống như Chrome trong fiddle này. Chiều cao là nguy hiểm cho thiết kế btw. Thay đổi kích thước không giới hạn luôn phá vỡ thiết kế. Vì vậy, hạn chế chiều cao và chiều rộng là lựa chọn tốt.