HTML5：日期类型的输入太高

Question

我有一个input在Chrome中显示得太高，而在Firefox中看起来很正常：

铬

火狐

这是我的代码：

<div class="input-group">
    <input class="form-control" type="date" placeholder="Date de déprat"/>
    <span class="input-group-btn">
        <button class="btn btn-warning" type="button"><i class="fa fa-search"></i></button>
    </span>
</div>

当我将input type更改为text时，它的效果非常好。那么如何在不对input height？

进行硬编码的情况下解决此问题

注意：我使用this页面中的代码进行规范化

Answer 1

检查Chrome中的输入字段，如下所示： https://i.stack.imgur.com/Hz2LZ.jpg（这只是一个例子，您应该检查自己的html页面）

然后在样式选项卡的右侧看到哪些CSS属性导致高度问题，例如：margin，height，line-height，padding ......

Answer 2

在这种情况下，您可以添加CSS规则，例如高度，填充或任何地方输入特定类型的输入

输入[类型=＆＃34;日期＆＃34;] {   ... }