Bootstrap文本输入高度

Question

我正在尝试增加我正在编程的网站上的表单内的文本输入高度.我试图覆盖20px高度的默认bootstrap css,但似乎没有任何变化.这是我的代码 -

CSS

.inputfield
 {  
 position:relative;  
 top:30px;  
 font-size: 60px!important; 
 font-family:'Lato', sans-serif !important;
 font-weight: 400;
 color:white ; 
 width:400px;  
 line-height: 100px!important;  
 opacity:0.2; 
 }

和

表格HTML

  <form  class="text-center" action="" method="post">
  <div class="row">
 <input type="text" id="username" name="name" class="inputfield" placeholder="Username"><br><br>
 </div>
 <input id="password" type="password" name="password" class="inputfield" placeholder="Password"><br><br>
 <br>
 <input type="submit" id="submit" value="Login" /><br>
 </form>

请帮忙

Answer 1

你可以使用css height属性作为内联css:

<input style="height:50px"/>

或者上课

<input class="inputfield"/>

和CSS

.inputfield{

height:50px

}