Подпись электронной почты Outlook и цвет линии гиперссылки

Question

У кого-нибудь есть решение для изменения цвета линии гиперссылки (с синего) на настольных и мобильных устройствах?

Стили CSS и Html не смогли предотвратить появление синей линии, хотямы смогли удалить строку на рабочем столе. Телефон, кажется, имеет переопределение с этим.

Мой клиент хотел бы, чтобы строка гиперссылки была фирменного цвета, а текст остается черным.

Спасибо!

Answer 1

некоторые CSS-файлы используют пользовательский CSS на разных носителях экрана. может быть, вам стоит переопределить это тоже на разных носителях? попробуйте поискать или добавить как:

@media only screen and (max-width: 600px) {
    a {
     color: red;
     text-decoration: none;
    }
}

Answer 2

Хорошо, я нашел именно то, что вы ищете, просто измените цвета в коде ниже. Высота подчеркивания установлена ​​на 3 пикселя, но вы можете изменить его на любой другой, убедитесь, что изменили все цвета, потому что при посещении ссылки по умолчанию становится фиолетовым.

a {
text-decoration: none;
}
a:link {
color: #222831;
border-bottom: 3px solid #00adb5;
}
a:visited {
color: Purple;
border-bottom: 3px solid purple;
}
a:hover {
color: black;
border-bottom: 3px solid #222831;
}

<a href="www.enter/url.com">Link Text</a>

Answer 3

Сделайте ссылку в кнопку. Вот пример, просто вставьте ссылку в HTML и отредактируйте цвета CSS.

.color-link {
  margin: 5px;
  border-radius: 20px;
  border: 0;
  color: #fff;
  padding: 10px 15px;
  font-size: 16px;
  background-color: #00adb5
}

<button class= "color-link" onclick="window.location.href = 'https://www.google.com/search';">Link Text</button>