将滚动条添加到 <textarea> [重复]答案

【问题标题】：Add a scrollbar to a <textarea> [duplicate]将滚动条添加到 <textarea> [重复]
【发布时间】：2013-10-25 14:25:15
【问题描述】：

我想在 textarea 中添加一个滚动条，以便它始终显示，即使没有可向下滚动的内容。如果没有可以向下滚动的内容，我希望它可以变灰，表示下面没有任何内容。

我该怎么做？

【问题讨论】：

使用overflow-y: scroll，JSFiddle。

标签： html css scroll textarea

【解决方案1】：

你需要的是overflow-y: scroll;

Demo

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

&lt;textarea&gt;&lt;/textarea&gt;

【讨论】：

【解决方案2】：

尝试在下面添加CSS

textarea
{
    overflow-y:scroll;
}

【讨论】：

【解决方案3】：

你需要给你的textarea设置一个高度，然后设置overflow-y

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

【讨论】：

给你的 textarea 一个设定的高度 - 没必要 :) 顺便说一句，答案相同..
@Mr.Alien 所以不需要高度？
@user2370460 不需要

【解决方案4】：

喜欢这个

css

textarea {

overflow:scroll;
height:100px;
}

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

HTML：

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

CSS：

#text
{
    overflow-y:scroll;
}

【讨论】：