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..

the output getting

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

Popular posts from this blog

SPSS keyboard combination alters encoding -

Add new record to the table by click on the button in Microsoft Access -

CSS3 Transition to highlight new elements created in JQuery -