tr上的邊框顏色不適用於IE-7

我在IE-7中發現了特定的問題。在FF，Chrome，IE 8/9上工作。問題在於IE 7不遵守tr上的邊框顏色。任何解決方法在CSS，Jquery，Javascript讚賞。 http://jsfiddle.net/VW84N/tr上的邊框顏色不適用於IE-7

來源

2012-04-04 user960567

一個簡單的解決方法：http://jsfiddle.net/fcalderan/VW84N/4/無國界的<tr>

只是使用CSS

table { border-right: 1px red solid; border-left: 1px red solid; } 
td { border-bottom: 1px red solid; } 
tr:first-child td { border-top: 1px red solid; }

來源

2012-04-04 09:42:33 fcalderan

感謝。您的鏈接不起作用。但是你的代碼看起來像是適合我的作品。 – user960567 2012-04-04 09:46:56

@ user960567：現在檢查 – fcalderan 2012-04-04 09:53:27

我需要將其應用於特定的表格行。 – user960567 2012-04-04 09:57:35

這是一個衆所周知的問題。作爲解決方法，將邊框應用於表格單元而不是行本身。

例如，一個簡單的解決方案是要做到：

table { border-collapse: collapse; border-spacing: 0 } /* you have to do this */ 
table { border: 1px solid red } /* borders around the whole table */ 
table tr + tr td { border-top: 1px solid red } /* borders between rows */

See it in action。

來源

2012-04-04 09:42:41 Jon

但是這也會影響每個td的邊。 – user960567 2012-04-04 09:46:10

@ user960567：我剛剛完成了一個工作示例的更新。如果你不想要，你不必添加邊框。 – Jon 2012-04-04 09:47:38

我需要將其應用於特定的表格行上。 – user960567 2012-04-04 09:57:08

不幸的是，這是真的：那完全是IE。

我一直在使用這裏介紹的解決辦法：

http://csarven.ca/tr-border-trick-for-ie

來源

2012-04-04 09:43:08

謝謝。這似乎對我來說很有用。 – user960567 2012-04-04 09:47:14

，您是否試圖

<tr style="border-color:yourcolor"><td>....</td></tr>

來源

2012-04-04 09:44:11

查看其他人的回答。 – user960567 2012-04-04 09:47:33

tr上的邊框顏色不適用於IE-7

回答

相關問題