html - 文本区域内的样式文本

Question

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

在此处输入图像描述

现在我正处于这个阶段，所以要处理一些小细节：在此处输入图像描述

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

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

score 31 · Accepted Answer

31

您可以使用 CSSpadding属性：

textarea {
    padding: 5px;
}

于 2012-08-30T18:04:32.273 回答

score 25 · Accepted Answer

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

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

score 6 · Accepted Answer

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

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

<textarea></textarea>

score 0 · Accepted Answer

0

您可以使用以下代码：

line-height: _px;

把 textarea 的高度值相同。

于 2014-09-12T04:57:49.397 回答

score 0 · Accepted Answer

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

谢谢！

丹妮

5 回答 5