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

我使用bootstrap 3表。 这是一些已知问题还是钻孔定义有问题？

Answer 1

像这样给出1的间距

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

示例：https://jsfiddle.net/ud2xj9fh/