it-swarm.com.ru

Цвет строки таблицы с style = "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.

Вопросы

  1. Как сделать текст заголовка белым?
  2. Есть ли альтернативные методы?
22
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/

30
Shailender Arora

Для шаблонов электронной почты встроенный CSS является правильно используемым методом для стилизации:

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

Попробуйте использовать <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>

EDIT:

Кроссбраузерное решение:

используйте заглавные буквы в HEX-цвете.

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

Вместо того, чтобы использовать прямые теги, вы можете отредактировать атрибут css для цвета, чтобы все создаваемые вами таблицы имели одинаковый текст заголовка цвета.

thead {
    color: #FFFFFF;
}
1
Reid Svntn