Question

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

http://unbouncepages.com/real-time-texts/

之前我已经完成了普通的文本字段，但是如何让框和字体大小变大呢？

Answer 1

HTML：

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

的CSS：

#my-text-box {
    font-weight: bold;
    font-size: 18px; /* or larger */
    height: 2em; /* or larger */
    width: 400px; /* or larger */
}

Answer 2

试试这些CSS设置：

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

Answer 3

只需增加font-size即可，但您可能还需要一些padding。没有填充的庞大字体看起来很傻。

FireBug是你的朋友。在以前从未见过的所有内容上使用它并学习。

Answer 4

我检查了元素，它显示了这个：

<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"/>

向页面添加大文本框

4 个答案: