Question

我有我的CSS，它适用于Chrome但在Firefox上它不允许我输入它，如果我删除输入中的填充它可以工作但它不适合设计。我正在使用bootstrap，我不知道它是否会影响。

我该如何解决？

HTML

<form action="" class="complete-profile__input-container">
      <div class="form-group col-lg-4">
        <label for="">Nombre:</label>
        <input type="email" class="form-control" placeholder="Tu nombre">
      </div>
</form>

CSS：

.complete-profile__input-container input {
    padding: 18px 12px;
}

更新

捕获：

JS Bin（感谢Roko C）： http://jsbin.com/gifeka/1/edit?html,css,output

问候！

Answer 1

你提供的宽度和高度应该大于填充量，例如总和顶部和底部边距18 + 18 = 36px，所以高度应该大于36px，同样适用于高度

通过应用此功能，您可以输入

.complete-profile__input-container input {
  padding: 18px 12px;
  width:180px;
  height:100px;

}

工作演示：

＆＃13;

.complete-profile__input-container input {
  
    padding: 18px 12px;
  width:180px;
  height:60px;
 
}

＆＃13;

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<form action="" class="complete-profile__input-container">
      <div class="form-group col-lg-4">
       <label for="">Nombre: </label>
        <input type="email" class="form-control" placeholder="Tu nombre">
       
      </div>
</form>
</body>
</html>

＆＃13;

在Mozilla中填充输入问题

1 个答案: