避免td/tr元素中的虛線邊框塌陷

Question

任何想法如何在使用border-bottom時避免此問題：2px虛線黑色;在桌子上？

CSS：

.plain-list tr td { 
    color: #eee; 
    border-bottom: 2px dotted #eee !important; 
    font-size: 20px !important; 
    border-top: none; 
} 

HTML

<table сlass="table table-striped plain-list desktop-table"> 
    <tbody> 
     <tr> 
      <th><strong>test</strong></th> 
      <th><strong></strong>test</th> 
      <th><strong></strong>test</th> 
     </tr> 
     <tr> 
      <td>test</td> 
      <td>test</td> 
      <td>test</td> 
     </tr> 
    </tbody> 
</table> 

我使用引導3表。 這是一個已知的問題還是鏜孔定義有問題？

Answer 1

給出1這樣

<table cellpadding="0" cellspacing="1"> 

例如間距：https://jsfiddle.net/ud2xj9fh/