Полоса прокрутки текстовой области отображается в IE 8

Question

Я использую текстовую область фиксированного размера в форме для ввода ввода от пользователя. Даже если я сделал свойство resize текстовой области, ни одна полоса прокрутки не будет как показано на рисунке. Я не хочу, чтобы полоса прокрутки отображалась в текстовой области.

Код правильно работает в Firefox и хром хотя и без каких-либо ошибок, но в IE это не ..

HTML код ...

<label for="qual" class="label">Description and Quantification of Impact to the extend possible:</label> 
<textarea id="qual" rows="5" cols="50" style="resize:none" placeholder="Description and Qualification"></textarea><br><br> 

код CSS ...

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

Выход, который я получаю в IE 8 ..

Даже если я не хочу невыбранную полосы прокрутки, чтобы появиться она по-прежнему получать отображается ..

Я пытался ставить код в jsfiddle, но он не будет открываться в IE 8 без ошибок, поэтому я отправил код и рисунок здесь.

Answer 1

resize не имеет никакого отношения к полосам прокрутки. Вы ищете overflow.

Если вы хотите, чтобы полоса прокрутки появляется только тогда, когда содержание достаточно долго прокручивать, используйте overflow:auto

Если вы хотите, чтобы предотвратить все прокрутки, используйте overflow:hidden

Answer 2

Просто добавьте overflow: auto; в textarea.
См. http://jsfiddle.net/Volker_E/eQF22/2/embedded/result/
Вы также можете добавить различные свойства специально для горизонтальных overflow-x: hidden; или вертикальные overflow-y: scroll; (делая полосы прокрутки всегда стойкими) прокрутки.

Answer 3

просто положил стиль = "переполнение-у: скрытый", чтобы удалить прокрутку