html - 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