colore una riga di tabella con style = "color: #fff" per la visualizzazione in un'email

Question

Vorremmo per visualizzare i dettagli dell'ordine come tavola in una e-mail

​<table> 
    <thead> 
     <tr> 
      <th>Header 1</th> 
      <th>Header 2</th> 
      <th>Header 3</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>blah blah</td> 
      <td>blah blah</td> 
      <td>blah blah</td> 
     </tr> 
    </tbody> 
</table>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

Vorremmo idealmente vuole l'intestazione di avere background- colore come '# 5D7B9D' e colore del testo come '#fff'.
Stiamo usando bgcolor='#5D7B9D' per cambiare il colore di sfondo e non siamo in grado di trovare un'alternativa per fare lo stesso per cambiare il colore del testo.
Dato che la maggior parte dei provider di posta elettronica elimina il CSS, non è possibile utilizzare l'attributo style.

Le domande sono

1. Come rendere il testo di intestazione appare in bianco?
2. Esistono metodi alternativi?

Answer 1

si può facilmente fare in questo modo: -

<table> 
    <thead> 
     <tr> 
      <th bgcolor="#5D7B9D"><font color="#fff">Header 1</font></th> 
      <th bgcolor="#5D7B9D"><font color="#fff">Header 2</font></th> 
      <th bgcolor="#5D7B9D"><font color="#fff">Header 3</font></th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>blah blah</td> 
      <td>blah blah</td> 
      <td>blah blah</td> 
     </tr> 
    </tbody> 
</table> 

Demo: - http://jsfiddle.net/VWdxj/7/

Answer 2

tenta di utilizzare il <font> tag

​<table> 
    <thead> 
     <tr> 
      <th><font color="#FFF">Header 1</font></th> 
      <th><font color="#FFF">Header 1</font></th> 
      <th><font color="#FFF">Header 1</font></th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>blah blah</td> 
      <td>blah blah</td> 
      <td>blah blah</td> 
     </tr> 
    </tbody> 
</table> 

ma penso che questo dovrebbe funzionare anche:

​<table> 
    <thead> 
     <tr> 
      <th color="#FFF">Header 1</th> 
      <th color="#FFF">Header 1</th> 
      <th color="#FFF">Header 1</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>blah blah</td> 
      <td>blah blah</td> 
      <td>blah blah</td> 
     </tr> 
    </tbody> 
</table> 

EDIT:

crossbrowser soluzione:

utilizzare maiuscole in colore HEX.

<th bgcolor="#5D7B9D" color="#FFFFFF"><font color="#FFFFFF">Header 1</font></th> 

Answer 3

Per modelli di posta elettronica, CSS in linea è il metodo corretto utilizzato per stile:

<thead> 
    <tr style="color: #fff; background: black;"> 
     <th>Header 1</th> 
     <th>Header 2</th> 
     <th>Header 3</th> 
    </tr> 
</thead> 

Answer 4

Piuttosto che usare tag diretti, puoi modificare l'attributo css per il colore in modo che tutte le tabelle che fai avrà lo stesso testo di intestazione del colore.

thead { 
    color: #FFFFFF; 
}