在IE 8中顯示的文本區域滾動條

-1

我在表單中使用固定大小的文本區域從用戶接收輸入。即使我已經創建了文本區域的resize屬性，但沒有滾動條仍然是顯示如圖所示。我不希望滾動條顯示在文本區域中。在IE 8中顯示的文本區域滾動條

的代碼在Firefox和Chrome正常工作，雖然沒有任何錯誤，但在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的輸出..

The output i am getting

即使我不想未選擇滾動條顯示它仍然得到顯示..

我試圖把在的jsfiddle的代碼，但它不會在IE 8沒有開放的錯誤，這就是爲什麼我張貼的代碼和圖片在這裏..

來源

2013-05-20 Lucy

我發現http://jsbin.com/在IE8的作品。 – ajp15243

在jsfiddle.net至少結果在IE8中工作。 –

resize與滾動條無關。您正在尋找overflow。

如果你想滾動條只出現在內容是足夠長的時間來滾動，使用overflow:auto

如果你想阻止所有的滾動，使用overflow:hidden

來源

2013-05-20 04:45:52

是對的。而且，您也可以指定方向。像overflow-x：hidden，overflow-y：隱藏水平和垂直滾動條。 – Sanjeev

只需添加overflow: auto;到textarea。
請參閱http://jsfiddle.net/Volker_E/eQF22/2/embedded/result/
您還可以針對水平線overflow-x: hidden;或垂直overflow-y: scroll;（使滾動條始終爲永久性）滾動條添加不同的屬性。

來源

2013-05-20 04:50:52

乾脆把作風=「溢出-Y：隱藏」去掉滾動

來源

2013-05-20 05:18:14

'overflow：auto'將會很好。 –

在IE 8中顯示的文本區域滾動條

回答

相關問題