邊框仍然顯示，爲什麼？

我在桌子上有一個奇怪的問題...我已經在CSS中設置邊框爲0，我已經設置邊框顏色爲透明，但是，在瀏覽器中，它仍然顯示邊框頂部和左側，這犯規任何意義......邊框仍然顯示，爲什麼？

表看起來像<table cellspacing="0" style="border-width:0px;border-collapse:collapse;" id="gvTransactions" pagersettings="" rules="all" class="transaction-posts">

而且CSS的樣子：

table.transaction-posts, table#gvTransactions { 
    border: 0 none transparent !important; 
    border-radius: 0 0 0 0; 
}

正如你所看到的，它仍然輸出頂部，左側和每一行的黑色邊框，即使我已將邊框設置爲0 ...

enter image description here

來源

2012-04-23 nuffsaid

在Web瀏覽器換上的jsfiddle – bravedick 2012-04-23 08:38:42

開放的開發工具（火狐需要Firebug插件），檢查你的表（和optionaly它的內部元素），並檢查其中一個定義的邊界。 – Crozin 2012-04-23 08:39:24

你有沒有寫過'tr' /'td' /'th'？ – candyleung 2012-04-23 08:40:05

在table標籤......添加邊框=「0」 ...如果不工作，然後檢查是否有任何的CSS是壓倒一切的它，還發布您的代碼中的jsfiddle。

來源

2012-04-23 09:15:02 Abhidev

table標記中的HTML屬性rules="all"會導致在所有單元格的所有邊上繪製邊框。 HTML 4.01規範有點模糊地說，但這是瀏覽器如何解釋它。所以如果你不想要任何邊框，請刪除該屬性。

如果你想有一些邊界但不是全部，你需要適當地設置它們。例如，如果在最高層和最左邊的邊界是問題（這是問的問題的一種解釋），然後設置

table#gvTransactions tr:first-child th, table#gvTransactions tr:first-child td { 
    border-top: none; 
} 
table#gvTransactions th:first-child, table#gvTransactions td:first-child { 
    border-left: none; 
}

的第一條規則刪除任何單元格的上邊框中第一排。第二個刪除作爲其父項的第一個子項（即第一列中的單元格）的任何單元格的左邊界。

來源

2012-04-23 10:12:07

邊框仍然顯示，爲什麼？

回答

相關問題