IE

Question

に複数行のテキストボックスに垂直スクロールバーを非表示に私は複数行のテキストボックスを持っている：

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

、すなわちテキストボックス内のテキストが10行を占有していない場合でも、垂直スクロールバーのバーがあります。
Firefoxでは、スクロールバーはテキストが10行を超える場合にのみ表示されます。

何ができますか？ autoに

Answer 1

設定CSSスタイルのオーバーフロー：

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

デフォルトの動作は、overflowが指定されていないときに、IEとFFで異なる振る舞いを参照してください理由である、ブラウザ間で異なります。

ページ上のすべての複数行テキストボックスのデフォルトのブラウザ動作を上書きするには、スタイル定義に追加することができます。注

：その後、各テキストボックスにインラインスタイルを含める必要はありません複数行のテキストボックスが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は無効なスクロールバーを追加します。私は2番目のdivにいくつかの新しい余分なテキストを追加したとき

あなたが笑要素

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

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