縮短文本區域的長度

Question

我希望縮短文本區域的高度。

這是我的textarea：

<textarea cols="40" rows="1" type="text" name="roomName" id="regularInput"></textarea>

我基本上希望它是一個單一的線。這是我的CSS。

form textarea 
     { 
      resize: none; 
      -webkit-appearance: none; 
      display: block; 
      border: 0; 
      background: #fff; 
      background: rgba(255,255,255,0.75); 
      border-radius: 0.50em; 
      margin: 1em 0em; 
      padding: 1.50em 1em; 
      height: 1em; 
      box-shadow: inset 0 0.1em 0.1em 0 rgba(0,0,0,0.05); 
      border: solid 1px rgba(0,0,0,0.15); 
      -moz-transition: all 0.35s ease-in-out; 
      -webkit-transition: all 0.35s ease-in-out; 
      -o-transition: all 0.35s ease-in-out; 
      -ms-transition: all 0.35s ease-in-out; 
      transition: all 0.35s ease-in-out; 
      font-family: 'Source Sans Pro', sans-serif; 
      font-size: 1em; 
      outline: none; 
     } 

我似乎無法讓它變小。