在IE 8中显示文本区域滚动条

Question

我在表单中使用固定大小的文本区域来从用户那里获取输入。即使我已经使文本区域的resize属性为none，滚动条仍然显示如图所示.I不希望滚动条显示在文本区域中。

代码在Firefox和Chrome中正常运行但没有任何错误，但在IE中它不是..

HTML code ...

<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

只需输入style =“overflow-y：hidden”即可删除滚动

Answer 2

resize与滚动条无关。您正在寻找overflow。

如果您希望滚动条仅在内容足够滚动时显示，请使用overflow:auto

如果您想阻止所有滚动，请使用overflow:hidden

Answer 3

只需将overflow: auto;添加到textarea即可。
见http://jsfiddle.net/Volker_E/eQF22/2/embedded/result/
您还可以专门为水平overflow-x: hidden;或垂直overflow-y: scroll;添加不同的属性（使滚动条始终持久）滚动条。