在IE 11中的CSS表格單元不必要的填充

Question

我有一個小桌子和Internet Explorer 11添加填充到單元格，所以孔表比Chrome或Firefox更大。

有人知道爲什麼它的發生？即時通訊使用自舉3.

海爾是一個例子： https://plnkr.co/edit/cX8N9eLjVTR93nYyaLTN?p=preview

<div class="container"> 
    <table class="table"> 
    <tr> 
     <td width="25px"> 
      <button class="btn btn-sm btn-default">+</button> 
     </td> 
     <td> 
      <input style="width: 100%" type="range" > 
     </td> 
     <td width="25px"> 
      <button class="btn btn-sm btn-default">-</button> 
     </td> 
    </tr> 
    <tr> 
     <td colspan="3"> 
      <small class="pull-left">24,0 °C</small> 
      <small class="pull-right">31,1 °C</small> 
     </td> 
    </tr> 
</table> 

IE 11：

和鉻：

Answer 1

IE瀏覽器正在爲Chrome瀏覽器提供更多的填充內容。 Chrome在頂部和底部都放置了8px的填充，IE的頂部放置了17px，底部放置了32px。在輸入上設置填充以便跨瀏覽器保持一致，並且應該全部設置。