开发者

How do I ensure that scroll bars come up on this styled text-area?

开发者 https://www.devze.com 2023-03-27 23:41 出处:网络
I have a .net textbox (text area) inside a div like this: <div class=\"description-textarea\"> <asp:TextBox ID=\"tbDescription\" runat=\"server\" CssClass=\"radial\" TextMode=\"MultiLine\"

I have a .net textbox (text area) inside a div like this:

 <div class="description-textarea">

                <asp:TextBox ID="tbDescription" runat="server" CssClass="radial" TextMode="MultiLine" Columns="39" Rows="4"></asp:TextBox>

                <span id="spnCharsLeft" runat="server" class="">1000 characters left</span>

            </div>

And I have the CSS...

#content-main #upload .image-and-description .right .description-textarea{ padding-top:6px; width:370开发者_如何学编程px;}
#content-main #upload .image-and-description .right .description-textarea textarea { overflow: hidden; display: block; min-height: 85px; width:423px;}
#content-main #upload .image-and-description .right .description-textarea span{ line-height:40px;}

When I type in lots of text I dont get any scroll bars come up so I cant see what im typing. Is these any way to make the text area show the scroll bars?


The CSS overflow: hidden; does hide the scroll bars as Tsar said. However, just getting rid of it may not be enough to make the scroll bars appear. The default value of overflow: visible; will just let the extra content render outside the element.

You can force the issue with overflow: scroll; or have automatic scroll bars when they're needed with overflow: auto;.


scrollbars are being hidden by this css property: overflow: hidden; get rid of it and you'll see the precious scrollbars.

0

精彩评论

暂无评论...
验证码 换一张
取 消