無法刪除表格邊框。不知道它來自哪裏

http://www.geneseo.edu/new_social_media_test 無法刪除表格邊框。不知道它來自哪裏

我正在爲我的學校開發一個新的社交媒體頁面，而且我無法在我的表格中擺脫此邊框。在<thead>以及<tbody>之上有這條灰線，我似乎無法瞄準。我已經關閉了HTML和CSS中的表格邊框，但沒有任何效果。我無法弄清楚它來自哪裏，它讓我發瘋。它來自全球CSS文件嗎？也許頂部的社交媒體插件之一正在搞亂它？我沒有想法;任何幫助將不勝感激。

此外，在Firefox（8.0.1 :: Mac OS 10.7）中，當淡入淡出時，行顏色閃爍。絕對沒有線索，也沒有。

如果您正在查看代碼，抱歉它是如此混亂。我是drupal的新手，我沒有權限創建自己的CSS文件，所以我不得不做任何事情。謝謝！

編輯：下面是一個屏幕截圖來澄清：http://i.imgur.com/dOcoE.png。我也忘了提及，當我在Drupal的預覽視圖中，顏色變成淡藍色，但不是我在任何地方定義的顏色（如：http://i.imgur.com/WWF0e.png）。

來源

2011-12-12 elliottregan

這是你左上角談論的兩條灰線嗎？ – Kyle

你應該張貼截圖來澄清。 –

我張貼了一張截圖來澄清，謝謝。 – elliottregan

邊框設置在th上，而不是thead或tr。有在css_4ea78c62a1f11df9a1a23dfccad4464e.css一對夫婦的規則，目標th，創建底部邊框：

th{text-align:left;padding-right:1em;border-bottom:3px solid #ccc;} 

tbody th{border-bottom:1px solid #ccc;} 

thead th{text-align:left;padding-right:1em;border-bottom:3px solid #ccc;}

注意!important僅用於用戶代理樣式表。使用級聯和選擇器specificity。由於禁用底部邊框的樣式表css_4ea78c62a1f11df9a1a23dfccad4464e.css加載後，所有你需要的是：

table th { 
    border-bottom: none; 
}

您可能需要限制選擇目標圖表更具體地說，如果有，你想其他表保持邊界。

來源

2011-12-12 07:58:22 outis

非常感謝！我不知道這是從哪裏來的，也無法得到正確的選擇器。謝謝你的提示。 – elliottregan

在這種情況下，你可以做的一件事情就是在遍歷文檔樹時重新加載頁面以使元素恢復，從而刪除節點並使用文檔檢查器禁用CSS規則。 Chrome的檢查員對他來說特別好。練習編輯實時頁面風格，並在瀏覽網頁時縮小元素和規則。練習沒有一些你需要達到的目標就可以讓你自由發揮。 – outis

我發現這個CSS：

tbody { 
border-top: 1px solid #CCC; 
}

我在Chrome的開發者工具禁用它，但它沒有任何效果。儘管我可以找到與表格相關的所有內容，但如果可以的話，請嘗試從表格中刪除它。或覆蓋它。

來源

2011-12-12 07:57:35 Kyle

謝謝。它看起來也有一個邊界底部。儘管如此，仍然無法禁用它。 – elliottregan

這是這行，它在你的CSS文檔。

thead th 
{ 
    text-align:left;padding-right:1em;border-bottom:3px solid #ccc; 
}

來源

2011-12-12 08:02:36 mat

謝謝。看起來tbody上也有一個邊框頂部。儘管如此，STill仍然無法禁用它。 – elliottregan

當我刪除上面的代碼時，該行不見了。但是，您可以搜索#CCC的CSS文件，因爲這是該行的顏色。使用你的編輯器或CTRL + F找到它。 – mat

無法刪除表格邊框。不知道它來自哪裏

回答

相關問題