Add a scrollbar to a <textarea> [duplicate]

Question

I would like to add a scrollbar to a textarea, so that it always appears, even when there is nothing to scroll down to. If there is nothing for it to scroll down to, I would prefer if it could be greyed out, indicating that there is nothing below.

How would I do this?

Answer 1

What you need is 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>

Answer 2

Try adding below CSS

textarea {     overflow-y:scroll; }