Ajouter une barre de défilement à une <zone de texte>

Question

Je voudrais ajouter une barre de défilement à une zone de texte, afin qu'elle apparaisse toujours, même lorsqu'il n'y a rien à faire défiler vers le bas. S'il n'y a rien pour cela, je préférerais qu'il soit grisé, indiquant qu'il n'y a rien en dessous.

Comment pourrais-je faire ça?

Answer 1

Ce dont vous avez besoin est overflow-y: scroll;

Démo

textarea {
    overflow-y: scroll;
    height: 100px;
    resize: none; /* Remove this if you want the user to resize the textarea */
}

Answer 2

Essayez d'ajouter ci-dessous CSS

textarea
{
    overflow-y:scroll;
}

Answer 3

Vous devrez donner à votre zone de texte une hauteur définie, puis définir le débordement-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

comme ça

css

textarea {

overflow:scroll;
height:100px;
}

Answer 6

HTML:

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

CSS:

#text
{
    overflow-y:scroll;
}