顏色錶行風格=「COLOR：#FFF」在一封電子郵件顯示

我們想在一封電子郵件中顏色錶行風格=「COLOR：#FFF」在一封電子郵件顯示

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

我們會非常想報頭有顯示訂單的詳細信息如表背景 - 顏色爲'＃5D7B9D'，文字顏色爲'#fff'。
我們正在使用bgcolor='#5D7B9D'來更改背景顏色，並且無法找到替代方法來更改文本顏色。
由於大多數電子郵件提供商剝離CSS，因此我們根本無法使用style屬性。

的問題是

如何使標題文字出現在白色的？
有沒有其他方法？

來源

2012-04-20 naveen

您可以輕鬆地這樣做： -

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

演示： - http://jsfiddle.net/VWdxj/7/

來源

2012-04-20 12:18:06

+1：我最終這樣做了。所有obslete標籤:)讓我的頭旋轉。任何好的選擇？ – naveen 2012-04-20 12:40:35

嘗試使用<font>標籤

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

但我認爲這應該工作，太：

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

編輯：

跨瀏覽器的解決方案：

使用HEX顏色的大寫字母。

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

來源

2012-04-20 12:04:32 WolvDev

顏色不會工作。至少不在鍍鉻:) – naveen 2012-04-20 13:00:16

更新了crossbrowser解決方案。在小提琴中測試它。它應該工作。 http://jsfiddle.net/VWdxj/10/ – WolvDev 2012-04-20 13:10:08

+1：謝謝。非常感激。我提到你的第二個例子不起作用。 – naveen 2012-04-21 07:54:22

對於電子郵件模板，內聯CSS是正確使用方法的風格：

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

來源

2012-04-20 13:11:26 RynoRn

而不是使用直接標記，您可以編輯該顏色的CSS屬性，以便您創建的任何表將具有相同的顏色標題文本。

thead { 
    color: #FFFFFF; 
}

來源

2017-08-08 19:12:18

風格標籤不會在電子郵件中工作 – naveen 2017-08-14 18:20:28

顏色錶行風格=「COLOR：#FFF」在一封電子郵件顯示

回答

相關問題