Comment obtenir la couleur d’arrière-plan css sur la balise pour couvrir toute la ligne

J’ai essayé tout ce que je peux imaginer dans css afin d’obtenir une couleur d’arrière-plan pour couvrir toute une ligne de table (balise

). Mais je continue à avoir une bordure blanche autour de chaque cellule.

CSS (extrait):

/*alternating row*/ table, tr, td, th {margin:0;border:0;padding:0;} tr.rowhighlight {background-color:#f0f8ff;margin:0;border:0;padding:0;} 

HTML (extrait):

 ABC 

Il ne veut tout simplement pas coopérer. Merci pour ton aide…

 table{border-collapse:collapse;} 

La suppression des bordures doit faire apparaître la couleur d’arrière-plan sans aucun espace entre les cellules. Si vous examinez attentivement ce jsFiddle , vous devriez voir que la couleur bleu pâle s’étend sur la rangée sans lacunes blanches.

Si tout échoue, essayez ceci:

 table { border-collapse: collapse; } 

Je préfère utiliser l’ border-spacing car cela permet plus de flexibilité. Par exemple, vous pourriez faire

 table { border-spacing: 0 2px; } 

Ce qui ne ferait que réduire les bordures verticales et laisser les frontières horizontales en place, ce qui ressemble à ce que le PO cherchait réellement.

Notez que l’ border-spacing: 0 n’est pas la même chose que la fonction border-collapse: collapse . Vous devrez utiliser ce dernier si vous souhaitez append votre propre bordure à un tr comme vu ici .

 tr.rowhighlight td, tr.rowhighlight th{ background-color:#f0f8ff; } 

Firefox et Chrome sont différents
Chrome ignore la couleur d’arrière-plan du TR
Exemple: http://jsfiddle.net/T4NK3R/9SE4p/

    

En FF, le TD obtient des virages rouges, pas de Chrome

Essaye ça:

  .rowhighlight > td { background: green;} 

Avez-vous essayé de régler l’espacement à zéro?

 /*alternating row*/ table, tr, td, th {margin:0;border:0;padding:0;spacing:0;} tr.rowhighlight {background-color:#f0f8ff;margin:0;border:0;padding:0;spacing:0;} 

Cela a fonctionné pour moi, même au sein d’une division:

  div.cntrblk tr:hover td { line-height: 150%; background-color: rgb(255,0,0); font-weight: bold; font-size: 150%; border: 0; } 

Il a sélectionné la ligne entière, mais je ne voudrais pas que l’en-tête soit exécuté, mais je ne l’ai pas encore vu. Il a également partiellement réparé les fonts qui ne seraient pas à l’échelle avec le vol stationnaire? Apparemment, vous devez appliquer les parameters à la cellule et non à la ligne, mais sélectionnez toutes les cellules du composant avec le survol. Actif pour rechercher le problème de mise à l’échelle de fonts non cohérent. Doux que CSS va le faire.