Der obere Rand der Tabelle wird nicht farbig

Question

Vielleicht übersehen ich hier etwas, aber ich kann nicht herausfinden, wie man die oberen Ränder der td-Elemente einfärbt.

table { 
    border-collapse:collapse; 
    } 

    td { 
    border: 2px solid #000; 
    } 

    tr:hover td { 
    border-color: #F55; 
    } 

Es funktioniert wie erwartet, außer der obere Rand ist nicht gefärbt.

http://jsfiddle.net/45CSj/

Answer 1

Weil Sie stattdessen border-collapse: collapse;border-collapse: separate; mit border-spacing Set 0

table { 
    border-collapse: separate; 
    border-spacing: 0; 
} 

Demo

Answer 2

Dies könnte Nützlich- verwenden verwenden sein

Tabelle {Grenz-Kollaps: getrennt; Grenzabstand: 0px}

Tabelle td {border: 1px solid # 000;}

tr: Hover td {border: 1px solid # F55; }

, aber dies wird doppelte Grenze um die Zellen/Zeilen zeigen.