Html 在chrome中，日期输入比文本输入更宽

我有一个带有两个输入字段的水平表单：

type=“text”

和

type=“date”

。这两个字段都包装在

输入组中。此外，我将输入组包装在网格列
.col-xs-4
中，以强制执行所需的宽度。但日期字段比文本字段及其列宽。有人知道如何使日期输入与父列的宽度相同吗

这是

它似乎与这个问题有关
，因为日期的最小宽度大于您的4 coll（因为末尾的所有输入内容如箭头所示），它大于正常输入。将其设置为col-xs-5，它就可以工作了，因为日期的最小宽度大于您的4 coll（因为末尾的所有输入内容如箭头所示），它大于正常输入。让它成为col-xs-5，它就可以工作了
您可以在
chrome
中通过使用并覆盖引导元素的默认样式规则来解决这个问题

一定要检查，因为它不像其他
显示规则那样得到广泛支持；虽然

您可以在
chrome
中通过使用并覆盖引导元素的默认样式规则来解决此问题

一定要检查，因为它不像其他
显示规则那样得到广泛支持；虽然

我无意中提交了那条评论，亚历山大-很抱歉，我现在清楚地看到了这个问题-在Chrome上有占位符文本，使其更宽，正确吗？Np。我不确定占位符文本。我认为这是因为
.input group
。好吧，因为在我最新版本的Chrome屏幕上，我看到
日期
输入比
文本
宽，因为占位符内容（）-还应该注意，这在技术上不是一个“占位符”我只了解与日期选择器相关的机制。我又添加了一个日期输入，您可以看到占位符不会影响输入的宽度。这里是。我无意中提交了那个评论，亚历山大-很抱歉，我现在清楚地看到了这个问题-在Chrome上有占位符文本，使它更宽，对吗？Np。我不确定占位符文本。我认为这是因为
.input group
。好吧，因为在我最新版本的Chrome屏幕上，我看到
日期
输入比
文本
宽，因为占位符内容（）-还应该注意，这在技术上不是一个“占位符”我只了解与日期选择器相关的机制。我又添加了一个日期输入，您可以看到占位符不会影响输入的宽度。给你，好的。但为什么最小日期更大？尝试删除
。输入组
，日期的宽度将变为与
.col-xs-4
相同的宽度。就像我说的，它有一个隐藏的最小宽度，之后它不再收缩。您的文本输入没有这样的宽度，因此它更灵活。请查看更新的。还有一个数据输入被压缩了，但它并没有和输入组结合在一起，所以bootstrap还有另一个行为。在输入组中，它似乎有这个最小宽度。它的行为肯定不同。你知道如何关闭这个最小宽度吗？好的。但为什么最小日期更大？尝试删除
。输入组
，日期的宽度将变为与
.col-xs-4
相同的宽度。就像我说的，它有一个隐藏的最小宽度，之后它不再收缩。您的文本输入没有这样的宽度，因此它更灵活。请查看更新的。还有一个数据输入被压缩了，但它并没有和输入组结合在一起，所以bootstrap还有另一个行为。在输入组中，它似乎有这个最小宽度。它的行为肯定不同。你知道如何关闭这个最小宽度吗？