将滚动条添加到[重复]

Question

此问题已经在这里有了答案：

Enable vertical scrolling on textarea（5个答案）

关闭6年前。

我想将滚动条添加到文本区域，以使其始终显示，即使没有向下滚动的内容。如果没有向下滚动的内容，我希望它可以显示为灰色，表示下面没有任何内容。

我将如何做？

Answer 1

您需要的是overflow-y: scroll;

Demo

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

<textarea></textarea>

Answer 2

尝试在CSS下添加

textarea
{
    overflow-y:scroll;
}

Answer 3

您将需要给文本区域设置一个高度，然后设置溢出-y

textarea
{
resize: none;
overflow-y: scroll;
height:300px;
}

Answer 4

textarea {
    overflow-y: scroll; /* Vertical scrollbar */
    overflow: scroll; /* Horizontal and vertical scrollbar*/
}

Answer 5

喜欢这样

css

textarea {

overflow:scroll;
height:100px;
}

Answer 6

HTML：

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

CSS：

#text
{
    overflow-y:scroll;
}