Ẩn thanh cuộn dọc trong textbox multiline trong IE

Question

Tôi có một textbox multiline:

<asp:TextBox ID="txtBody" runat="server" TextMode="MultiLine" Rows="10" Width="95%" /> 

Trong ví dụ có một thanh cuộn dọc ngay cả khi một văn bản bên trong hộp không chiếm 10 dòng.
Trong firefox nó không xảy ra, thanh cuộn chỉ xuất hiện nếu văn bản vượt quá 10 dòng.

Có thể làm gì?

Answer 1

Set phong cách CSS tràn tự động:

<asp:TextBox ID="txtBody" runat="server" TextMode="MultiLine" 
      Rows="10" Width="95%" style="overflow:auto;" /> 

Giá trị mặc định hành vi khác nhau giữa các trình duyệt, đó là lý do tại sao bạn thấy hành vi khác nhau trong IE và FF khi overflow không được xác định.

Để ghi đè hành vi trình duyệt mặc định cho tất cả hộp văn bản nhiều dòng trên trang của bạn, bạn có thể thêm nó vào định nghĩa kiểu. Sau đó, bạn không cần phải bao gồm các phong cách nội tuyến trên mỗi hộp:

^{Lưu ý: Multiline TextBox được render sử dụng HTML tag <textarea>, vì vậy chúng tôi sẽ xác định kiểu css cho các loại textarea phần tử.}

textarea { 
 
    overflow: auto; 
 
}

<textarea id="txtBody1" rows="5">Text in 
 
textbox 
 
with 
 
many 
 
lines, 
 
so that 
 
scrollbar 
 
will 
 
appear. 
 
</textarea> 
 
<textarea id="txtBody2" rows="5">Smaller text, no scrollbar.</textarea>

Answer 2

Đây là hành vi mặc định của IE. Giá trị mặc định của tràn được hiển thị và IE thêm thanh cuộn bị tắt ngay cả khi nội dung không tràn.

Bạn có thể thêm một lớp css để các yếu tố

<style> 
    .Over { overflow: auto; width: 95%; } 
</style> 

<asp:TextBox ID="txtBody" runat="server" CssClass="Over" TextMode="MultiLine" Rows="10" />