Css 带有Flexbox的输入元素在Webkit中增加了额外的间距

我有一个带有电子邮件字段和提交按钮的简单表单，我正在应用flexbox布局。flexbox本身工作正常，但webkit似乎在输入元素旁边增加了一点额外的间距（非输入元素似乎可以）。这个问题在IE11和Firefox中没有出现，但在Opera和Chrome中存在。因为IE和Firefox不这样做，所以很难创建一致的跨浏览器UI。是否有一些属性可以覆盖以防止添加额外的空间？还是这是一只虫子

<section id="inputContent">
    <input type="Email"/>
    <input type="Submit"/>
</section>

section
{
    display:flex;
}

部分
{
显示器：flex；
}

---

小提琴：

是边框和边距使它看起来如此，添加

input{
    margin:0;
    border:1px solid;

}

没有空间了

---

成功了。对于那些正在设计按钮样式但不需要边框的用户，请将边框颜色设置为与按钮颜色匹配。我有相同的问题，但您的回答没有解决它。@Wazery如果不起作用，则与OP确认的问题不同。你应该问一个新问题，而不是做无用的评论。