Màu một dòng của bảng với style = "color: #fff" để hiển thị trong một email

Question

Chúng tôi muốn hiển thị thông tin chi tiết theo thứ tự như bảng trong một email

​<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>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

Chúng tôi sẽ lý tưởng muốn tiêu đề để có background- màu là '# 5D7B9D' và màu văn bản là '#fff'.
Chúng tôi đang sử dụng bgcolor='#5D7B9D' để thay đổi màu nền và không thể tìm thấy phương án thay thế để làm tương tự cho việc thay đổi màu văn bản.
Vì hầu hết các nhà cung cấp dịch vụ email đều bỏ qua CSS, chúng tôi không thể sử dụng thuộc tính style.

Các câu hỏi là

1. Làm thế nào để làm cho văn bản tiêu đề xuất hiện trong trắng?
2. Có phương pháp thay thế nào không?

Answer 1

bạn có thể dễ dàng làm như thế này: -

<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

Cố gắng sử dụng <font> thẻ

​<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> 

Nhưng tôi nghĩ rằng điều này sẽ làm việc, quá:

​<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 giải pháp:

sử dụng chữ in hoa trong màu HEX.

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

Answer 3

Đối với mẫu email, inline CSS là phương pháp sử dụng đúng cách để phong cách:

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

Answer 4

Thay vì sử dụng thẻ trực tiếp, bạn có thể chỉnh sửa thuộc tính css cho màu để bất kỳ bảng nào bạn tạo sẽ có cùng một văn bản tiêu đề màu.

thead { 
    color: #FFFFFF; 
}