Как избавиться от границы html-таблицы в шаблоне письма

Question

Я создал шаблон электронной почты в HTML, но он не работает должным образом. Если быть точным, то html часть границы таблицы не работает в outlook. Я установил границу 0, но она все еще отображается в электронном письме Outlook. Если я запускаю html в любом редакторе, то границы не отображаются.

Я много гуглил и пробовал разные подходы, что я нашел, но ни один из них не был полезен (разные стили, сужение границ, установка границ0 на уровне td, tr и т. Д.).

Простой HTML выглядит так:

<table border="0" width="100%" cellspacing="0" cellpadding="0" 
align="center" bgcolor="#fff">
<tbody>
<tr bgcolor="#fff">
<td>Test</td>
<td>Test</td>
<td>Test</td>
<td>Test</td>
</tr>
</tbody>
</table>

Надеюсь, кто-то сталкивался с подобной проблемой и знает, как это исправить.

Answer 1

Попробуйте использовать style = "border: none"

<table border="0" width="100%" cellspacing="0" cellpadding="0" 
align="center" bgcolor="#fff" style="border: none">
<tbody>
<tr bgcolor="#fff">
<td>Test</td>
<td>Test</td>
<td>Test</td>
<td>Test</td>
</tr>
</tbody>
</table>

или с использованием style = "border-collapse: collapse;"

<table border="0" width="100%" cellspacing="0" cellpadding="0" 
align="center" bgcolor="#fff" style = "border-collapse: collapse;">
<tbody>
<tr bgcolor="#fff">
<td>Test</td>
<td>Test</td>
<td>Test</td>
<td>Test</td>
</tr>
</tbody>
</table>

Answer 2

Объявите table { border-collapse:collapse !important; } в заголовке вашей электронной почты.

Нет необходимости объявлять это для каждой таблицы.