避免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/