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>
当我改变input
type
到text
它完美的作品。那么,如何解决这个问题,而不硬编码input
height
?
注:我使用的代码this页正常化
答
检查输入字段在Chrome中是这样的: https://i.stack.imgur.com/Hz2LZ.jpg(这只是一个例子,你应该检查你自己的网页)
然后请参阅样式选项卡右侧的CSS属性导致高度的问题,例如:边距,高度,线高度,填充...
答
您可以添加CSS规则,如高度,填充或任何特定位置在这种情况下,输入类型为
输入[类型=“日期”] { ... }
检查并在Chrome中查看是否适用于该输入任何其他的CSS ..或分享您的样品演示网址 – KMS
这将是巨大的,如果我们可以使用CSS代码审查您的标记代码。 – Hanif