テキストエリアにスクロールバーを追加して、下にスクロールするものがない場合でも常に表示されるようにします。下にスクロールするものが何もない場合、下に何もないことを示して、グレー表示できる場合があります。
どうすればいいですか?
必要なのはoverflow-y: scroll;
textarea {
overflow-y: scroll;
height: 100px;
resize: none; /* Remove this if you want the user to resize the textarea */
}
以下に追加してみてくださいCSS
textarea
{
overflow-y:scroll;
}
Textareaに設定された高さを与え、overflow-yを設定する必要があります
textarea
{
resize: none;
overflow-y: scroll;
height:300px;
}
textarea {
overflow-y: scroll; /* Vertical scrollbar */
overflow: scroll; /* Horizontal and vertical scrollbar*/
}
このような
css
textarea {
overflow:scroll;
height:100px;
}
HTML:
<textarea rows="10" cols="20" id="text"></textarea>
CSS:
#text
{
overflow-y:scroll;
}