ブートストラップv4入力グループのボタンとIEのテキストボックスの配置の問題

Question

ブートストラップv4で入力グループを使用するとIEで問題が発生し、クロムでうまく動作します。 I IE 11

を使用して、mはこれが私のplunkrある

input group bootstrap v4

クロームルック：

IE外観：

私が見つけたのはフォームコントロールです。埋め込み：.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ではうまく調整されますが、クロムにはうんざりします。

私はどこでもうまくいくはずのソリューションを探しています。

ありがとうございました

Answer 1

Internet Explorerのメディアクエリを使用することがあります。ブラウザに応じていくつかの値が変更されているためです。

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

FYR： http://jsfiddle.net/iyyappan13391/26ZM4/257/