Textarea thay đổi kích thước dọc theo nghĩa là

Question

Làm cách nào để thay đổi kích thước văn bản của tôi theo chiều dọc trong IE?

Tôi đã thay đổi kích thước: dọc và nó hoạt động tốt trong Firefox nhưng trong IE nó không hoạt động. Vì vậy, những gì thay thế cho điều này?

Ngoài ra, nếu tôi muốn in trang, tôi cần vùng văn bản để mở rộng và in toàn bộ nội dung trong hộp. Tôi nên sử dụng cái gì?

sửa -

CSS của tôi:

@media screen { 
    textarea { 
     resize: vertical; 
     overflow: auto; 
     border: 1px #999999 solid; 
     padding: 6px; 
     background: #ffffff url('../images/field_bg.png') repeat-x bottom; 
     width: 400px; 
     height: 100px; 
    } 
} 
@media print { 
    textarea { 
     border: 1px #999999 solid; 
     padding: 6px; 
     background-color: #ffffff; 
     background-image : none; 
     width: 400px; 
     height: auto; 
     overflow: visible; 
    } 
} 
.field { 
    display: inline; 
    vertical-align: top; 
    width: 25%; 
} 

HTML -

<div class="field"> 
<textarea id="xp"> 
some text here 
</textarea> 
</div> 

Chỉnh sửa -

tôi vẫn không thể tìm ra giải pháp cho việc này. Ai có thể giúp được không?

Answer 1

Tôi không chắc chắn nhưng như tôi biết Internet Explorer không hỗ trợ điều đó. Bạn có thể sử dụng javascript cho điều đó. Đây là một plugin jquery tương tự như textarea này tôi đang gõ bây giờ:

Answer 2

Thuộc tính thay đổi kích thước css chưa được hỗ trợ bởi IE. Bạn có thể thử plugin jquery ui này: http://jqueryui.com/demos/resizable/. Dưới đây là fiddle để minh họa.

Đối với câu hỏi thứ hai của bạn liên quan đến in ấn trong IE. Hãy thử thêm CSS sau đây với giới truyền thông = "print" khối:

textarea { 
    overflow: visible; 
}