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.
精彩评论