如何在CSS中设置输入（文本）字段的高度？

对不起，这个问题，但我似乎无法找到答案的任何地方。我有CSS代码，应该设置我的文本框的高度。我使用VS2010 Express for Windows phone，用HTML/CSS/Javascript/C＃编码。如何在CSS中设置输入（文本）字段的高度？

HTML

<input class="heighttext" type="text" id="name">

CSS

.heighttext{ 
    height:30px 
}

我可以高度设置为任何我喜欢的，但文本框将保持不变！请帮忙，或者至少给我一个链接，可以！

来源

2012-10-15 Arrie

似乎是一个分号缺少你的css代码 – Jayy

那么，[它适用于我]（http://jsfiddle.net/vMwYD/）。 @Kaipa：* last * CSS规则的分号是可选的。 –

对，现在明白了。这是可选的！ – Jayy

与padding和line-height尝试 -

input[type="text"]{ padding: 20px 10px; line-height: 28px; }

来源

2012-10-15 09:59:37 Dipak

@Dipkas这对我来说工作得非常好，但我可以问你为什么填充有2个属性？以及我应该改变哪一个来让它变小一点？你真的帮助我了！ – Arrie

@Arrie这是一个简短的手来填充：20px 10px 20px 10px;/*右上方左下角* /和两个值padding：20px 10px;/*上下左右*/...希望这是明确的:) – Dipak

您可以使用此代码风格

.heighttext{ 
float:right; 
height:30px; 
width:70px; 
}

来源

2012-10-15 10:00:59

表单控件是出了名的难风格的跨平台/浏览器。有些浏览器会遵循CSS height规则，有些浏览器不会。

您可以尝试line-height（可能需要display:block;或display:inline-block;）或top和bottom padding也。如果没有这些工作，这几乎是它 - 使用图形，定位在中心input并设置border:none;所以看起来等形式控制是大，但它实际上是不...

来源

2012-10-15 10:01:51 danwellman

如何在CSS中设置输入（文本）字段的高度？

回答

相关问题