Chrome的用戶代理樣式表邊框顏色不重寫

<table> 
    <tr> 
    <th>Label</th> 
    <td>Data</th> 
    </tr> 
    <tr> 
    <th>Label</th> 
    <td>Data</th> 
    </tr> 
</table>

在th，td用速記邊境聲明我已經做CSS邊界。在第一個th上，我的頂部和左側邊框顏色被Chrome用戶代理樣式表上的邊框顏色覆蓋。見下圖：

Where it's overriding my styles, this is showing styles for the th

要解決這個問題，我已經測試和嘗試以下操作：

證實，DOCTYPE有<!DOCTYPE html>
添加的表，TR，TH，TD {border-color：#fff; }嘗試覆蓋樣式
將第一個th更改爲td，它刪除了background-color，並修復了此問題。直到我將background-color添加回td，這再次破壞了它。
刪除所有th的背景顏色，這解決了問題，但不適用於設計。
用一個類隔離了th問題，並試圖用重要的方式覆蓋邊界顏色。它不起作用，因爲它使用的邊框顏色來自表格，而不是th或td。

我要尋找可能的方向我缺少解決這個問題，我不能因爲我做的（政府應用）的工作性質共享更詳細的代碼，但如果需要的話

我可以提供更多的細節

我們不需要看到你的數據，但至少有一些CSS。而一個小提琴再現問題會更好......似乎工作得很好，正如人們所期望的：http://jsfiddle.net/6k6dx7b6/ – Pevara 2015-04-01 22:31:47

我不能在小提琴中重現它。這就是爲什麼我沒有要求解決方案，更多的是如果其他人看到了這種類型的問題，所以我可以挖掘另一個方向。 – Nicknameless 2015-04-02 13:38:55

我仍然不確定這個bug是什麼，但它已通過刪除邊框崩潰來解決：collapse;我的前任曾經使用過。 – Nicknameless 2015-04-02 14:20:27

你應該試試這個

table *{ 
-webkit-backface-visibility: visible; 
}

2015-04-14 12:24:40

我有同樣的問題，這段代碼不起作用.. – 2015-09-12 16:20:31

我有同樣的問題。將img更改爲div解決了我的問題。看這裏User agent stylesheet overriding border styles

2015-09-12 16:24:43

回答