textarea内的样式文本

Question

我正在以这种形式工作，其设计完全像这样：

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9BMkRxVC5wbmcifQ==” alt =“在此处输入图像描述”>

目前，我处于这个阶段，因此，请处理一些小细节：

您将看到“您的文本...”被粘贴到文本区域的左上角。我正在尝试找到一种通过CSS进行操作的方法。我只需要对textarea内的文本应用一些边距/填充。如果CSS无法做到这一点，我欢迎您提出建议。

如何通过CSS处理文本区域内的文本？

Answer 1

您可以使用CSS padding属性：

textarea {
    padding: 5px;
}

Answer 2

textarea {
padding: 5px;
box-sizing: border-box;
}

注意：box-sizing是CSS3属性。这非常有用，因为如果没有它的宽度：100％或其他宽度将无法按您预期的方式工作。

Answer 3

您可以使用CSS创建所需的效果

textarea {
  padding: 20px;
  margin: 10px;
}

<textarea></textarea>

Answer 4

是的，从CSS应用于文本区域的填充是正确的。但是，随着整个文本区域的尺寸发生变化，您需要更改“行”和“列数”。

谢谢！

丹妮

Answer 5

您可以使用下面的代码：

line-height: _px;

输入相同的文本区域高度值。