-1

ユーザーからの入力を受け取るフォームで固定サイズのテキスト領域を使用しています。スクロールバーをテキストエリアに表示したい。

コードは 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で得ている出力..

私が得ている出力

選択されていないスクロールバーを表示したくないのに、まだ表示されています..

コードをjsfiddleに入れてみましたが、エラーなしでIE 8で開かないため、コードと画像をここに投稿しました..

4

3 に答える 3

1

スクロールを削除するには、style="overflow-y:hidden" と入力するだけです

于 2013-05-20T05:18:14.940 に答える
0

resizeスクロールバーとは関係ありません。を探していoverflowます。

コンテンツがスクロールするのに十分な長さの場合にのみスクロールバーを表示したい場合は、overflow:auto

すべてのスクロールを防止したい場合は、overflow:hidden

于 2013-05-20T04:45:52.497 に答える
0

に追加overflow: auto;するだけtextareaです。http://jsfiddle.net/Volker_E/eQF22/2/embedded/result/
を参照してください。また、水平または垂直(スクロールバーを常に持続させる) スクロールバー に特化したさまざまなプロパティを追加することもできます。
overflow-x: hidden;overflow-y: scroll;

于 2013-05-20T04:50:52.450 に答える