Html 向页面添加大文本框

我正在构建一个页面，我想在其中添加一个巨大的文本输入框。就这样,

我以前做过普通的文本字段，但是如何使框和字体的大小变大？

html：

<input type='text' id='my-text-box' value="Default text" />

---

尝试以下CSS设置：

#myLargeTextboxId {
  font-size:33px;
  height:33px;
  left:0;
  line-height:33px;
  padding:8px 8px 7px;
  top:0;
  width:224px;
}

---

我检查了元素，它显示了以下内容：

<input name="phone_number" class="text" id="phone_number" style="padding-bottom: 7px; line-height: 33px; padding-left: 8px; width: 224px; padding-right: 8px; height: 33px; font-size: 33px; top: 0px; padding-top: 8px; left: 0px;" type="text"/>

---

只需增加

字体大小就可以了，但您可能还需要一些
填充。没有填充的大字体看起来很傻

萤火虫是你的朋友。将它用于你从未见过和学习过的任何东西。
@meagar:我认为问题是要求一个单行文本框，尽管它的措辞是正确的。@meagar，@Paul似乎是正确的，看着问题中的链接页面。哦，是的，我意识到他是指一个输入中间答案，但忘记了更新我的结束语tag@Paul@David我的意思是他真的把它们混在一起了。他有
@meagar…*aaaah*这确实更有意义+1=）
<input name="phone_number" class="text" id="phone_number" style="padding-bottom: 7px; line-height: 33px; padding-left: 8px; width: 224px; padding-right: 8px; height: 33px; font-size: 33px; top: 0px; padding-top: 8px; left: 0px;" type="text"/>