在IE

Question

隱藏垂直滾動條的多行TextBox我有一個多行TextBox：

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

在IE中存在，即使內部文本框文本不佔用10線垂直滾動條。
在Firefox中不會發生，只有文本超過10行纔會出現滾動條。

可以做些什麼？

Answer 1

設置CSS樣式溢出到汽車：

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

默認行爲瀏覽器之間的區別，這就是爲什麼你看到在IE和FF不同的行爲時未指定overflow的。

要覆蓋您的網頁上的所有文本框多的默認瀏覽器的行爲，你可以在一個樣式定義添加。那麼你就需要包括每個文本框的內聯樣式：

^{注：多行TextBox使用HTML標籤<textarea>呈現，所以我們將指定textarea元素類型的CSS樣式。}

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

這是IE瀏覽器的默認行爲。溢出的默認值是可見的，即使內容沒有溢出，IE也會添加一個禁用的滾動條。

您可以添加CSS類的元素

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

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