html - Text area scroll bar being displayed in IE 8 -
i using text-area of fixed size in form take input user.even though have made resize property of text-area none scroll bar still getting displayed seen in picture.i don't want scroll bar getting displayed in text-area.
the code working in firefox , chrome though without errors in ie it's not..
html code...
<label for="qual" class="label">description , quantification of impact extend possible:</label> <textarea id="qual" rows="5" cols="50" style="resize:none" placeholder="description , qualification"></textarea><br><br>
css code...
.label { float: left; width:120px; padding:10px 30px; <!--font-weight:bold;--> } textarea { <!--margin-bottom:90px; margin-top:50px";--> vertical-align:top; } .textarea { resize :none; border: none; width: 100%; -webkit-box-sizing: border-box; <!-- <=ios4, <= android 2.3 */--> -moz-box-sizing: border-box; <!-- ff1+ --> box-sizing: border-box; <!-- chrome, ie8, opera, safari 5.1--> }
the output i'm getting in ie 8..
even though don't want unselected scroll bar appear it's still getting displayed..
i tried putting code in jsfiddle won't open in ie 8 without errors that's why posted code , picture here..
just put style="overflow-y:hidden" remove scroll
Comments
Post a Comment