html - 如何向此 <textarea> 添加填充？

Question

不可调整大小，看起来很奇怪而且没有对齐 :(

数量是文本区域，因为我需要它是文本区域，而不是输入，因为我需要在 javascript 中使用 .innerHTML 来在单击箭头时更改数量值。

textarea {
        width: 21%;
        margin-left: 12px;
        font-size: 18px;
        padding-left: 1.5em;
        font-weight: bold;
        background-color: #202023;
        border-radius: 10px;
        border: none;
        color: white;
    }

<textarea id="myTextArea" placeholder="Amount"></textarea>

我也希望文本区域与其他输入/按钮对齐!

感谢您的宝贵时间! :)

Answer 1

您可以使用 Bootstrap。例如:

<div class="row align-items-center">
    <div class="col-md-4">
        Enter link input field
    </div>
    <div class="col-md-4">
        Your textarea
    </div>
    <div class="col-md-4">
        Create button
    </div>
</div>