2012-11-02 122 views
6

我正在使用邊框表格樣式表格。表格邊框不可見

但是,對於某些行,我需要更改表格單元格的左邊框,但仍保留整個表格邊框的外觀。

爲此,我嘗試重新設置表格單元格左邊框的樣式,並向表格行添加左邊框。

我可以刪除左側的表格單元格,但新的左側表格行是不可見的。

.table tr.topic_row { 
    border-left: 3px solid red; 
} 

.table td.topic_title { 
    border-left: none; 
} 

可以看到,該錶行邊界似乎是無形的:http://i.stack.imgur.com/M5lsO.png

然而它應該有:http://i.stack.imgur.com/crMQA.png

如何,我可以得到錶行邊界任何意見可見,將不勝感激:)澄清


編輯:

這裏的問題是,爲什麼不顯示錶格行邊框。即使它應該在那裏,它不是。

回答

0

嘗試該行申請的邊框顏色到第一表格單元格,而不是錶行本身:

.topic_row td:first-child { 
    border-left: 3px solid red; 
} 
+0

但我需要的表格單元格有另一個邊界。總共2個邊界。所以我需要對兩者都應用邊框。對不起,如果我不清楚何時刪除表格單元格邊框,我實際上也想爲其添加更大的邊框,但爲了演示我的表格行問題,我將其刪除。 –

1

試試這個:

.table tr.topic_row td { 
    border-left: 3px solid red; 
} 

.table td.topic_title { 
    border-left: none; 
}