Add a scrollbar to a textarea

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

User · Accepted Answer

What you need is overflow-y  scroll   Demo   x000D   x000D      textarea   x000D          overflow-y  scroll  x000D          height  100px  x000D          resize  none     Remove this if you want the user to resize the textarea    x000D        x000D   lt textarea gt  lt  textarea gt  x000D   x000D   x000D

User · Answer

HTML    lt textarea rows  10  cols  20  id  text  gt  lt  textarea gt    CSS    text       overflow-y scroll

User · Answer

You will need to give your textarea a set height and then set overflow-y  textarea   resize  none  overflow-y  scroll  height 300px

User · Answer

Try adding below CSS  textarea       overflow-y scroll

User · Answer

like this  css  textarea    overflow scroll  height 100px

User · Answer

textarea       overflow-y  scroll     Vertical scrollbar        overflow  scroll     Horizontal and vertical scrollbar

[html] Add a scrollbar to a <textarea>

Examples related to html

Examples related to css

Examples related to scroll

Examples related to textarea