你如何設計輸入到輸入文本字段的文本？

Question

有很多關於如何在HTML中使用漂亮樣式到input type="text"字段的很好的教程。

但是，我想知道，您如何設計用戶放入該字段的實際文字？例如，this input box demo從DesignWithPc。

我已經擴大了輸入框，但我想要輸入的文本匹配框的大小（以及其他所需的樣式）。

我該怎麼做？

Answer 1

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

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

這將設置.awesome-text-box TextField對30像素的字體大小;

Answer 2

您可以隨時通過設置像一些CSS屬性實現這一目標低於

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