td / th背景对桌边的影响

Question

我有一个带边框的表格元素：

.summary-table {
    font-family: sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 115%;
    overflow: auto;
    width: 100%;
    border: 1px solid rgb(195, 195, 195) !important;
    border-radius: 4px;
    overflow: hidden;
}

当我在thead上使用背景颜色时，它可以正常工作

.summary-table thead tr{
    background-color: #E8E8E8 !important;
}

但是当我使用背景颜色时，我得到了这个（没有边框 - 顶部和左边）：

.summary-table th {
    background-color: #E8E8E8 !important;
    font-weight: normal;
    color: black;
    padding: 20px 30px;
}

任何人都可以告诉我为什么我会这样做？