首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >向页面添加大文本框

向页面添加大文本框
EN

Stack Overflow用户
提问于 2010-09-15 02:49:37
回答 4查看 11.6K关注 0票数 2

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

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

我以前做过普通的文本域,但是我怎么才能让框和字体变得很大呢?

EN

回答 4

Stack Overflow用户

发布于 2010-09-15 02:53:48

html:

代码语言:javascript
运行
复制
<input type='text' id='my-text-box' value="Default text" />

css:

代码语言:javascript
运行
复制
#my-text-box {
    font-weight: bold;
    font-size: 18px; /* or larger */
    height: 2em; /* or larger */
    width: 400px; /* or larger */
}
票数 3
EN

Stack Overflow用户

发布于 2010-09-15 02:55:46

尝试以下CSS-Settings:

代码语言:javascript
运行
复制
#myLargeTextboxId {
  font-size:33px;
  height:33px;
  left:0;
  line-height:33px;
  padding:8px 8px 7px;
  top:0;
  width:224px;
}
票数 3
EN

Stack Overflow用户

发布于 2010-09-15 03:52:35

只需简单地提升font-size就可以了,但您可能还需要一些padding。一个没有填充的大字体看起来很傻。

FireBug是你的朋友。把它用在你以前从未见过的任何东西上,并从中学习。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3711962

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档