无法删除表格中的边框

请帮助，我无法弄清楚如何摆脱这个边框下划线。在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

无法删除表格中的边框

回答

相关问题