在 <textarea> 中添加滚动条

Question

我想在文本区域中添加滚动条，即使没有内容可滚动。如果没有内容可供滚动，最好将其变灰，表示下面没有任何内容。

如何实现这个功能？

- user2370460

---

使用 overflow-y: scroll，JSFiddle。 - Vucko

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>

- Mr. Alien

Answer 2

尝试添加以下 CSS：

textarea
{
    overflow-y:scroll;
}

- Kishori

Answer 3

您需要为文本区域设置一个固定高度，然后设置overflow-y属性。

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

- Dale

---

给你的文本区域设置一个固定高度 - 不必要 :) 顺便说一下，答案相同.. - Mr. Alien

@Mr.Alien，所以高度不是必需的吗？ - user2370460

不需要 @user2370460 - Mr. Alien

Answer 4

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

- Don

Answer 5

like this

css

textarea {

overflow:scroll;
height:100px;
}

- Falguni Panchal

Answer 6

HTML:

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

CSS：

#text
{
    overflow-y:scroll;
}

- Pbk1303