Add a scroll bar to the <textarea> folder

Question

I would like to add a scrollbar to the text box so that it always appears even if there is no scroll down. If for this there is nothing to scroll down, I would prefer that it can be grayed out, indicating that there is nothing lower.

How should I do it?

Answer 1

You need 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

Try adding below CSS

 textarea { overflow-y:scroll; } 

Answer 3

You will need to give your textarea a given height, and then set 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

like this

CSS

 textarea { overflow:scroll; height:100px; } 

Answer 6

HTML:

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

CSS

 #text { overflow-y:scroll; }