html - 文本字段内容在增加其大小后未占用全部空间

Question

我创建了两个 html 元素，一个文本输入和一个文本区域。

为了适当的设计，需要增加字段的大小。但是，当我在字段中输入文本时，它不会占用全部空间。

我的文本字段代码:

<label for="exampleForm2">Task Title</label>
<input type="text" id="exampleForm2" class="form-control" style="padding-right: 155px">

我的文本区域代码:

<label for="exampleFormControlTextarea1">Task Desciption</label>
<textarea class="form-control rounded-0" id="exampleFormControlTextarea1" rows="8" style="padding-right: 160px;" name="taskdetails"></textarea>

Answer 1

不要使用padding-right到textarea 设置width如果你想让它变大r

textarea{
width:300px
}

<label for="exampleFormControlTextarea1">Task Desciption</label>
                        <textarea class="form-control rounded-0" id="exampleFormControlTextarea1" rows="8"  name="taskdetails"></textarea>