html - 如何像输入字段一样设置文本区域的样式

Question

我在设置文本区域样式时遇到问题，我使用 bootstrap 4 css

我试图自己设计样式，但如果我使用填充或边距，它会使文本区域的高度变大

.comment-box {
  padding: 0.8rem 1rem;
  border-radius: 30px;
}

<textarea class="form-control comment-box" rows="1"></textarea>

我希望这个文本区域看起来像里面有按钮的输入框，就像这张图片一样

textarea input

Answer 1

Here 是关于覆盖 Bootstrap 样式的完整解释。我相信您可以遵循该规则并解决该问题。

编辑: 你也不需要实现他的第一步和第二步。您只能遵循 3 并创建覆盖 Bootstrap 样式的新样式