Css IE中的引导v4输入组按钮和文本框对齐问题

当我使用带有引导v4的输入组时，我对IE有问题，它在chrome中运行良好。我正在使用IE 11

这是我的枪

镀铬外观：

你看：

我发现表单控件有填充：.375rem.75rem

.form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #55595c;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: .25rem;}

如果我增加底部填充，它在IE中会调整得很好，但在chrome中会弄糟

因此，我正在寻找解决方案，这应该适用于任何地方

---

谢谢

我们可以使用Internet Explorer媒体查询。因为根据浏览器，某些值已更改

/***for IE browser***/
@media screen and (min-width:0\0) {
    .form-control {
        padding: 9px 10px;
    }
}

FYR:

---

我没有答案，但也许可以放心（或不放心）的是，Bootstrap自己页面上的输入组也在IE中分解了。）您可能需要使用css修复，即使bootstrap demo不适用于按钮插件，那么媒体查询是一个好的选择吗？或者我应该尝试寻找不同的css，它适用于所有情况。