如何降低这个html文本框的高度？ [英] how to reduce height of this html text box ?

问题描述

< input type =timeid ='busStreet45'name ='busStreet20'class =txtbordervalue = '12：00 AM'

size = '12'

/>

<input type="time" id='busStreet45' name='busStreet20' class="txtborder" value='12:00 AM'
size='12'
/>

推荐答案

增加文本框中的字体大小通常会自动扩大其大小。

Increasing the font size on a text box will usually expand its size automatically.

<input type="text" style="font-size:16pt;"></input>

如果你想要设置一个与字体大小不成比例的高度，我建议使用类似下面的内容。这可以防止像IE这样的浏览器将文本呈现在顶部而不是垂直居中。

If you want to set a height that is not proportional to the font size, I would recommend using something like the following. This prevents browsers like IE from rendering the text inside at the top rather than vertically centered.

.form-text{
    padding:15px 0;
}</pre>

这篇关于如何降低这个html文本框的高度？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！