将滚动条添加到<textarea> </textarea>

Question

我想在textarea中添加一个滚动条，以便它始终显示，即使没有任何内容可以向下滚动。如果没有任何东西可以向下滚动，我宁愿它是否会变灰，表明下面没有任何内容。

我该怎么做？

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 */
}

Answer 2

尝试添加以下CSS

textarea
{
    overflow-y:scroll;
}

Answer 3

您需要为textarea设置一个设定的高度，然后设置overflow-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;
}