Voeg een schuifbalk toe aan een <textarea>

Ik zou graag een schuifbalk aan een tekstgebied willen toevoegen, zodat deze altijd verschijnt, zelfs als er niets is om naar beneden te scrollen. Als er niets is om naar beneden te scrollen, zou ik liever hebben dat het grijs wordt weergegeven om aan te geven dat er niets onder staat.

Hoe zou ik dit doen?


Antwoord 1, autoriteit 100%

Wat je nodig hebt 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>

Antwoord 2, autoriteit 14%

Probeer hieronder CSS

toe te voegen

textarea
{
    overflow-y:scroll;
}

Antwoord 3, autoriteit 12%

U moet uw tekstgebied een ingestelde hoogte geven en vervolgens overflow-y instellen

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

Antwoord 4, autoriteit 5%

zoals dit

css

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

Antwoord 5, autoriteit 5%

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

Antwoord 6, autoriteit 5%

HTML:

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

CSS:

#text
{
    overflow-y:scroll;
}

Other episodes