HTML5：输入与日式太高

我有一个显示过高的Chrome，而在Firefox看起来正常的input：HTML5：输入与日式太高

铬

火狐

这里是我的代码：

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

当我改变inputtype到text它完美的作品。那么，如何解决这个问题，而不硬编码inputheight？

注：我使用的代码this页正常化

来源

2017-12-27 Ayoub.A

检查并在Chrome中查看是否适用于该输入任何其他的CSS ..或分享您的样品演示网址 – KMS

这将是巨大的，如果我们可以使用CSS代码审查您的标记代码。 – Hanif

检查输入字段在Chrome中是这样的： https://i.stack.imgur.com/Hz2LZ.jpg（这只是一个例子，你应该检查你自己的网页）

然后请参阅样式选项卡右侧的CSS属性导致高度的问题，例如：边距，高度，线高度，填充...

来源

2017-12-29 09:37:31

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

输入[类型=“日期”] { ... }

来源

2017-12-29 11:14:41

HTML5：输入与日式太高

回答

相关问题