Как изменить цвет / убрать форматирование

Question

Я положил таблицу в таблицу:

<th style="text-align: center; width: 50%"><img src="http://info.eoriginal.com/rs/907-BBE-942/images/date.png" /><br />

  <table style="padding-left:40px;"> 
    <tbody> 
      <tr> 
        <td bgcolor="#0EABD6" style="padding: 12px 18px 12px 18px; border-radius: 0px;" align="center"><a href="{{my.Calendar-File}}"> Add To My Calendar</a>
        </td> 
      </tr> 
    </tbody> 
  </table> 

</th>

, но я не уверен, почему ссылка выглядит так:

Какя могу изменить цвет на белый и удалить подчеркивание?

Я создал ту же таблицу снаружи, и она показывает вот что я хочу:

Она также используеттот же код выше, но я создал за пределами существующей таблицы.

Answer 1

#cta1 a { text-decoration: none !important; color: #FFFFFF !important; }

<div id="cta1" mktoname="cta1">
  <table style="padding-left:40px;"> 
    <tbody> 
      <tr> 
        <td bgcolor="#0EABD6" style="padding: 12px 18px 12px 18px; border-radius: 0px;" align="center"><a href="{{my.Calendar-File}}"> Add To My Calendar</a>
        </td> 
      </tr> 
    </tbody> 
  </table> 
</div>

Добавлен CSS для форматирования текста

Answer 2

Используйте этот код

        <table style="padding-left:40px;"> 
          <tbody> 
            <tr> 
              <td style=" background-color:#0EABD6; padding :12px 18px 12px 18px; border-radius: 0px; text-decoration: none;" text-align:center><a href="{{my.Calendar-File}}"> Add To My Calendar</a>
              </td> 
            </tr> 
          </tbody> 
        </table> 

Answer 3

Чтобы удалить синее подчеркивание и изменить цвет, необходимо сделать две вещи:

1. Изменить Color для тега <a>
2. Изменить text-decorationдля тега <a>

Таким образом, вы должны изменить тег <a> с этого:

<a href="{{my.Calendar-File}}"> Add To My Calendar</a>

На это:

<a href="{{my.Calendar-File}}" style="color: #ffffff; text-decoration: none"> Add To My Calendar</a>

Если выпримените этот стиль к родительскому td, тэг css по умолчанию a отменит его, поэтому вы должны разместить его на самом элементе a