web-dev-qa-db-ja.com

<textarea>にスクロールバーを追加します

テキストエリアにスクロールバーを追加して、下にスクロールするものがない場合でも常に表示されるようにします。下にスクロールするものが何もない場合、下に何もないことを示して、グレー表示できる場合があります。

どうすればいいですか?

13
user2370460

必要なのはoverflow-y: scroll;

デモ

textarea {
    overflow-y: scroll;
    height: 100px;
    resize: none; /* Remove this if you want the user to resize the textarea */
}
26
Mr. Alien

以下に追加してみてくださいCSS

textarea
{
    overflow-y:scroll;
}
5
Kishori

Textareaに設定された高さを与え、overflow-yを設定する必要があります

textarea
{
resize: none;
overflow-y: scroll;
height:300px;
}
4
Dale
textarea {
    overflow-y: scroll; /* Vertical scrollbar */
    overflow: scroll; /* Horizontal and vertical scrollbar*/
}
2
Don

このような

css

textarea {

overflow:scroll;
height:100px;
}
1
Falguni Panchal

HTML:

<textarea rows="10" cols="20" id="text"></textarea>

CSS:

#text
{
    overflow-y:scroll;
}
1
Pbk1303