Ẩn điều khiển thay đổi kích thước vùng văn bản trong Safari

Tôi đang sử dụng các thành phần textarea trong ứng dụng của mình và tôi kiểm soát chiều cao của chúng một cách linh hoạt. Khi người dùng nhập, chiều cao được tăng lên bất cứ khi nào có đủ văn bản. Điều này hoạt động tốt trên IE, Firefox và Safari.

Tuy nhiên, trong Safari, có một công cụ "xử lý" ở phía dưới bên phải cho phép người dùng thay đổi kích thước vùng văn bản bằng cách nhấp và kéo. Tôi cũng nhận thấy vấn đề này với vùng văn bản trong trang Đặt câu hỏi của stackoverflow. Công cụ này khó hiểu và về cơ bản là cản trở.

Vì vậy, có cách nào để ẩn điều khiển thay đổi kích thước này không?

(Tôi không chắc liệu "xử lý" có phải là từ phù hợp hay không, nhưng tôi không thể nghĩ ra một thuật ngữ tốt hơn.)

Bạn có thể ghi đè hành vi thay đổi kích thước bằng CSS:

textarea
{
   resize: none;
}

hoặc chỉ đơn giản

<textarea style="resize: none;">TEXT TEXT TEXT</textarea>

Thuộc tính hợp lệ là: cả hai, ngang, dọc, không

Sử dụng quy tắc CSS sau để tắt hành vi này cho tất cả các TextAreaphần tử:

textarea {
    resize: none;
}

Nếu bạn muốn vô hiệu hóa nó cho một số (nhưng không phải tất cả) TextAreaphần tử, bạn có một số tùy chọn (nhờ trang này ).

Để tắt một cụ thể TextAreavới namethuộc tính được đặt thành foo(tức là <TextArea name="foo"></TextArea>):

textarea[name=foo] {
    resize: none;
}

Hoặc, sử dụng ID (tức là <TextArea id="foo"></TextArea>):

#foo {
    resize: none;
}

Lưu ý rằng điều này chỉ phù hợp với các trình duyệt dựa trên WebKit (tức là Safari và Chrome), các trình duyệt này thêm tay cầm thay đổi kích thước vào các TextAreađiều khiển.

cơ hội tối đa chiều cao tối đa safari cũng hoạt động trong firefox 4.0 (b3pre). ví dụ tốt ở đây bằng cách: http://www.alanedwardes.com/posts/safari-and-resizable-textboxes/