如何设置输入到输入文本字段的文本的样式？

Question

有很多关于如何将不错的样式应用于HTML中的input type="text"字段的精彩教程。

但是我想知道，你如何设置用户放入字段的实际文本的样式？例如，来自this input box demo的DesignWithPc。

我已经扩展了输入框，但我希望输入的文字与框的大小相匹配（以及其他所需的样式）。

我该怎么做？

Answer 1

只需更改该文本框的font-size即可。

.awesome-text-box{
    font-size: 30px;
}

这会将.awesome-text-box文本字段的字体大小设置为30px;

Answer 2

您可以通过设置以下

之类的CSS属性来实现此目的

.awesome-text-box {
    line-height: 20px;
    font-size:16px;
    color: #515151;
}