如何在HTML / CSS中使文本框更大？

我不知道你在哪里编辑我的问题的代码所以我把它们都放了(对不起,如果这让任何人感到困惑)

在右上角有两个文本框,但我不知道如何让它们更高.你能帮帮我吗？

这是到目前为止我网站的链接：http://jsfiddle.net/xiiJaMiiE/4UUgg/1/embedded/result/

#signin 
{
position:absolute;
min-width:22%;
height 20%;
top:0%;
right:0%;
z-index:10;
background-color:#CCC;
border: 1px solid grey;

}
#signin input {
background-color:#FFF  
}

很抱歉是一个痛苦,但我如何添加文字？但当用户点击框中消失了？
谢谢你的帮助！

解决方法

根据 this回答,这是它说的：

在Javascript中,您可以操作DOM CSS属性,例如：

document.getElementById('textBoxid').style.height="200px";
document.getElementById('textBoxid').style.fontSize="14pt";

如果您只想指定高度和字体大小,请使用CSS或样式属性,例如

//in your CSS file or <style> tag
#textBoxid
{
    height:200px;
    font-size:14pt;
}

<!--in your HTML-->
<input id="textBoxid" ...>

要么

<input style="height:200px;font-size:14pt;" .....>