防止＆＃34;半切＆＃34;滚动textarea时的行

Question

我有一些textareas，里面有一堆文字。但是，在滚动之前，我得到文本的底部有点切断。我尝试使用padding但它只是混淆了textarea大小而不适用于内容。

我不擅长解释所以这是一个图像

Here也是一个小提琴

Answer 1

<textarea rows="10">Lorem ipsum</textarea>

你可以使用除height之外的任何风格（从小提琴中复制）：

textarea {
    background-color: rgb(235, 235, 235);
    border-radius: 10px;
    width: 30%;
    /* height: 150px; REMOVED */
    border: 1px solid rgb(201, 201, 201);
    color: gray;
    padding: 20px;
    font-family: 'Lora' !important;
    font-style: italic;
    font-size: 17px;
    resize: none;
}