45

很抱歉这个问题，但我似乎无法在任何地方找到答案。我有应该设置我的文本框高度的 CSS 代码。我在 Windows 手机上使用 VS2010 Express，用 HTML/CSS/Javascript/C# 编码。

HTML

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

CSS

.heighttext{
  height:30px
}

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

4

6 回答 6

65

尝试padding和line-height-

input[type="text"]{ padding: 20px 10px; line-height: 28px; }
于 2012-10-15T09:59:37.517 回答
6

众所周知，表单控件的样式很难跨平台/浏览器。有些浏览器会遵守 CSSheight规则，有些则不会。

您可以尝试line-height（可能需要display:block;or display:inline-block;）或topand bottom paddingalso。如果这些都不起作用，那就差不多了 - 使用图形，将input放置在中心并设置border:none;，这样看起来表单控件很大，但实际上不是......

于 2012-10-15T10:01:51.593 回答
3

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

例子：

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

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

于 2019-04-27T04:40:15.810 回答
2

最好的方法是：

input.heighttext{
  padding: 20px 10px;
  line-height: 28px;
}
于 2020-03-13T04:17:39.970 回答
1

您应该使用 font-size 来控制高度，它在浏览器中得到广泛支持。为了增加间距，您应该使用填充。例如，

.inputField{
  font-size: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}
于 2019-04-27T04:29:05.530 回答
-1

您使用此样式代码

.heighttext{
 float:right;
 height:30px;
 width:70px;
 }
于 2012-10-15T10:00:59.560 回答