css - タグをスパンするインラインブロックは、IE と webkit-browsers で異なる動作をします

Question

display:inline-block タグへのspanタグの動作は、さまざまなブラウザーで異なります。IE ブラウザーでは、完全に機能します。ただし、webkit ブラウザー (Chrome、Safari など) では、spanとその子タグの間に少しギャップがあります。
サンプルコードは次のとおりです。

     <style>
       span{
         display:inline-block;
         border:1px solid red;
         padding:0px;
         margin:0px;
        }
     </style>

      <span>
          <input type="text"/>
       </span>

異なるブラウザー
IE

Chrome および Safariでの出力

スパンドと入力フィールドの間にギャップがあることを確認してください...