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

Posted 2023-05-07

【中文标题】将滚动条添加到 <textarea> [重复]

【英文标题】：Add a scrollbar to a <textarea> [duplicate]

【发布时间】：2013-10-25 14:25:15

【问题描述】：

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

我该怎么做？

【问题讨论】：

使用overflow-y: scroll，JSFiddle。

【参考方案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>

【参考方案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;