文本框怎么变大html,如何设置HTML文本框的大小?

11 个答案:

答案 0 :(得分:111)

只需使用:

textarea {

width: 200px;

}

input[type="text"] {

width: 200px;

}

取决于“文本框”的含义。

答案 1 :(得分:36)

您的加价:

CSS:

.resizedTextbox {width: 100px; height: 20px}

请注意,文本框大小是W3C box model的“受害者”。我的意思是受害者是文本框的高度和宽度是上面指定的高度/宽度属性的总和,以及填充高度/宽度和边框宽度。因此,根据不同浏览器中的默认填充,您的文本框在不同浏览器中的大小会略有不同。虽然不同的浏览器倾向于为文本框定义不同的填充,但大多数reset style sheets不会在重置表中包含标记,因此请记住这一点。

您可以通过定义自己的填充来标准化。这是带有指定填充的CSS,因此所有浏览器中的文本框看起来都相同:

.resizedTextbox {width: 100px; height: 20px; padding: 1px}

我添加了1个像素填充,因为如果填充为0px,某些浏览器会使文本框看起来过于紧张。根据您的设计,您可能希望添加更多填充,但强烈建议您自己定义填充,否则您将把它留给不同的浏览器来自行决定。为了使浏览器更加一致,您还应该自己定义边框。

答案 2 :(得分:10)

input[type="text"]

{

width:200px

}

答案 3 :(得分:6)

您的文本框代码:

您的CSS代码:

input[type="text"] {

height: 10px;

width: 80px;

}

.textboxclass {

height: 10px;

width: 80px;

}

因此,首先选择具有属性的元素(查看第一个示例)或类(查看上一个示例)。稍后,您可以为元素指定高度和宽度值。

答案 4 :(得分:4)

这适用于IE 10和FF 23

答案 5 :(得分:2)

外景! width属性由max-width属性剪裁。

所以我用....

URI

答案 6 :(得分:2)

如果您不想使用类方法,可以使用父子方法在文本框中进行更改。

例如。我在表单div中制作了一个表单。

HTML代码:

Describe your project in detail.

现在CSS代码就像:

.form textarea{

height: 220px;

width: 342px;

问题解决了。

答案 7 :(得分:1)

试试这段代码:

input[type="text"]{

padding:10px 0;}

这样它仍然独立于为文本框设置的文本大小。您正在使用填充增加高度。

答案 8 :(得分:1)

尝试:

input[type="text"]{

padding:10px 0;}

这样它仍然独立于为文本框设置的文本大小。您正在使用填充增加高度

答案 9 :(得分:1)

可以使用height和width属性来调整元素的大小。

答案 10 :(得分:0)

您可以使从属输入宽度与容器宽度之间的关系。

/api/stuff?number=42&filter=[]

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值