文本区域内的样式文本答案

【问题标题】：style text inside textarea文本区域内的样式文本
【发布时间】：2012-08-25 12:48:32
【问题描述】：

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

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

正如您将看到的那样，“您的文本...”粘贴在文本区域的左上角。如果可能的话，我正试图找到一种通过 CSS 来操作它的方法。我只需要对文本区域内的文本应用一些边距/填充。如果 CSS 无法做到这一点，我愿意接受建议。

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

【问题讨论】：

【解决方案1】：

你可以使用 CSS padding 属性：

textarea {
    padding: 5px;
}

【讨论】：

【解决方案2】：

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

注意：box-sizing 是 CSS3 属性。它非常有用，因为没有它 width: 100% 或 other 将无法按您的预期工作。

【讨论】：

【解决方案3】：

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

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

&lt;textarea&gt;&lt;/textarea&gt;

【讨论】：

【解决方案4】：

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

谢谢！

丹尼

【讨论】：

【解决方案5】：

您可以使用以下代码：

line-height: _px;

把textarea的高度取相同的值。

【讨论】：