無法刪除表格中的邊框

請幫助，我無法弄清楚如何擺脫這個邊框下劃線。在Chrome的Inspect中找不到它。我已經嘗試了所有可以在論壇中找到的東西，但目前還沒有運氣。無法刪除表格中的邊框

我無法用小提琴來複制它，但here's直播現場

HTML

<table class="table table-1" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
    <th class="table-header cell-left">Actives</th> 
    <th class="table-header cell-right">Percentage (%)</th> 
    </tr> 
    <tr> 
    <td class="table-data cell-left">Caster Oil</td> 
    <td class="table-data cell-right">25</td> 
    </tr> 
    <tr> 
    <td class="table-data cell-left">Peppermint Oil</td> 
    <td class="table-data cell-right">0.5</td> 
    </tr> 
    <tr> 
    <td class="table-data cell-left">Cinnamon Oil</td> 
    <td class="table-data cell-right">0.25</td> 
    </tr> 
</table>

CSS

.table { 
    color: $Blue; 
    border: none; 
    border-collapse: collapse; 
    border-spacing: 0; 
    background-color: white; 
} 
th { 
    font-family: 'PPsans', Fallback, sans-serif; 
    font-size: 15px; 
    text-transform: uppercase; 
} 
td { 
    font-family: 'Open Sans', sans-serif; 
    font-size: 14px; 
    text-transform: capitalize; 
    padding: 5px 0; 
} 
.cell-right {text-align:right;} 
.cell-left {text-align: left;}

來源

2016-09-18 Kevmon

提供一個工作的例子。當前的代碼沒有任何邊框。 – Dekel

我不知道如何...這是我使用的代碼，這就是我在瀏覽器中看到的。 – Kevmon

這不是完整的代碼，顯然。打開一個jsfiddle並把所有的代碼放在那裏。 – Dekel

你有tr:first-child th:after, tr:first-child td:after與border-bottom: 1px solid #1c1d1d;哪個創造者那邊界。

可以使用覆蓋此：

確保這正好以前的代碼之後（或編輯原始的css文件）。

來源

2016-09-18 18:25:31 Dekel

謝謝，它已經修復了！ – Kevmon

歡迎您:) – Dekel

tr:first-child th:after, tr:first-child td:after{ 
border-bottom: none !important; 
}

如果有自定義的CSS文件，然後使用！重要

來源

2016-09-18 18:32:59

無法刪除表格中的邊框

回答

相關問題