Bootstrap 3输入填充问题

Question

我有一个bootstrap 3网页，我正在尝试增加输入的填充。我的代码如下：

input[type='text'],
input[type='password'],
input[type='email'],
textarea
{
  padding-top:18px;
  padding-bottom:18px;
  -webkit-appearance: none;
}

Here's a JSFiddle

但是在Firefox上，文字丢失了。发生了什么事？

Answer 1

Bootstrap设置默认高度。您只需添加height: auto：

input[type='text'],
input[type='password'],
input[type='email'],
textarea
{
  padding-top:18px;
  padding-bottom:18px;
  -webkit-appearance: none;
  height: auto;
}

updated fiddle