“文本区域”内的样式文本

Question

我正在以这种形式工作。它的设计正是这样的：

现在我正处于这个阶段，所以我正在处理一些小细节：

正如您将看到的，“您的文本…”固定在 文本区域 的左上角。如果可能的话，我正在尝试找到一种通过 CSS 对其进行操作的方法。我只需要对 textarea 内的文本应用一些边距/填充。如果这对于 CSS 是不可能的，我愿意接受建议。

如何通过 CSS 操作文本区域内的文本？

原文由 Daniel Ramirez-Escudero 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 CSS padding 属性：

 textarea {
    padding: 5px;
}

原文由 Ram 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

采用：

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

_注意_：box-sizing 是一个 CSS 3 属性。它非常有用，因为没有它 width: 100% 或其他将无法按您预期的那样工作。

原文由 Maciej Niemir 发布，翻译遵循 CC BY-SA 4.0 许可协议