textarea里面的样式文本

Question

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

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

您将能够看到“您的文字......”粘贴在textarea的左上角。我试图通过CSS找到一种方法来操纵它，如果可能的话。我只需要在textarea中的文本中应用一些边距/填充。如果使用CSS无法实现这一点，我可以提出建议。

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

Answer 1

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

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

Answer 2

您可以使用CSS padding属性：

textarea {
    padding: 5px;
}

Answer 3

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

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

http://jsfiddle.net/SSY9y/

Answer 4

是的，CSS应用于textarea的填充是正确的。但是随着整个textarea的尺寸发生变化，你需要改变“行”和“cols”。

谢谢！

丹尼

Answer 5

您可以使用以下代码：

line-height: _px;

将textarea的高度设为相同的值。