css - HTML5 : Input with date type is too high

Question

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

Chrome

火狐

这是我的代码:

<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 中的输入字段: /image/Hz2LZ.jpg (这只是一个例子，你应该检查你自己的html页面)

然后在右侧的“样式”选项卡中查看哪些 CSS 属性导致了高度问题，例如:边距、高度、行高、填充...