html - 在CSS中,如何设置输入( 文本) 字段的高度?

146 4

抱歉,这个问题我找不到答案了。 我的CSS代码应该设置文本框的高度。 我正在使用面向 Windows Phone的VS2010 Express,在 HTML/CSS/Javascript/C#. 中编写代码

HTML


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



CSS


.heighttext{


 height:30px


}



我可以将高度设置为任意,但文本框将保持不变 ! 请帮忙,或至少发给我一个可以的链接!

时间: 原作者:

130 5

试试 paddingline-height -


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



原作者:
140 4

窗体控件难以实现跨平台/浏览器的风格。 有些浏览器会遵守 CSS height 规则,有些则不会。

你可以尝试 line-height ( 可能需要 display:block;display:inline-block; ) 或 top 以及 bottom padding 。 如果这些都不起作用那就是它- 使用图形将 input 放在中心并设置 border:none; 这样看起来表单控件很大但实际上并不是这样 。 。 。

原作者:
54 0

使用这里样式代码


.heighttext{


 float:right;


 height:30px;


 width:70px;


 }



126 0

你应该使用 font-size 来控制高度,它在浏览器中得到了广泛。 为了增加间距,你应该使用 padding 。 比如


.inputField{


 font-size: 30px;


 padding-top: 10px;


 padding-bottom: 10px;


}



原作者:
...