javascript - trの境界線の色はIE-7には適用されません

Question

IE-7に固有の問題を見つけています。FF、Chrome、IE8/9での作業。問題は、IE7がtrの境界線の色を尊重していないことです。CSS、Jquery、Javascriptでの回避策はありがたいです。http://jsfiddle.net/VW84N/

Answer 1

簡単な回避策：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;  }

Answer 2

悲しいことに、しかし真実です。それは完全にIEです。

私はここで説明されている回避策を使用しています：

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

Answer 3

これはよく知られている問題です。回避策として、行自体ではなく、テーブルセルに境界線を適用します。

たとえば、簡単な解決策は次のとおりです。

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 */

実際の動作をご覧ください。

Answer 4

試しましたか

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