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

很抱歉问这个问题，但我似乎在任何地方都找不到答案。 我有CSS代码，可以设置文本框的高度。我正在使用VS2010 Express for Windows phone，使用HTML/CSS/Javascript/C#进行编码

HTML

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

我可以设置任何我喜欢的高度，但文本框将保持不变！

---

请帮忙，或者至少给我发一个链接，可以

尝试使用

填充

和

行高

-

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

---

您可以使用此样式代码

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

---

众所周知，表单控件很难跨平台/浏览器设置样式。有些浏览器会遵守CSS

height

规则，有些则不会

---

您可以尝试

行高

（可能需要

显示：块；

或

显示：内联块；

）或

顶部

和

底部填充

。如果这些都不起作用，那就差不多了-使用图形，将

输入定位在中间，并设置
边框：无
因此，表单控件看起来很大，但实际上并不是……。
您应该使用字体大小来控制高度，它在浏览器中得到广泛支持。
为了增加间距，应该使用填充。
例如,

.inputField{
  font-size: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}

不要在输入字段中使用“高度”属性

例如：

.heighttext{
    display:inline-block;
    padding:15px 10px;
    line-height:140%;
}

始终使用填充和行高css属性。它适用于所有移动设备和所有浏览器

最好的方法是：

css代码中似乎缺少分号@凯帕：最后一条CSS规则的分号是可选的。对，现在知道了。这是可选的@迪普卡：这对我来说很有效！，但是我可以问你为什么填充物有两个属性吗？我应该换哪一个来小一点？你真的帮了我的忙@这是填充的简写：20px 10px 20px 10px/*右上角左下角*/和两个值填充：20px 10px；/*左上下右*/。。。希望这是清楚的：）他想要一个30像素的高度。上/下填充20加上线条高度28如何达到总高度30？我也不明白这是怎么回事。这不会导致2*20+28的高度吗？
.heighttext{
    display:inline-block;
    padding:15px 10px;
    line-height:140%;
}

input.heighttext{
  padding: 20px 10px;
  line-height: 28px;
}