將滾動條添加到<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

你需要給你的textarea設定高度，然後設置溢出-Y

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

Answer 3

嘗試增加以下CSS

textarea 
{ 
    overflow-y:scroll; 
} 

Answer 4

這樣

CSS

textarea { 

overflow:scroll; 
height:100px; 
} 

Answer 5

HTML：

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

CSS：

#text 
{ 
    overflow-y:scroll; 
} 

Answer 6

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