К сожалению, похоже, что все ответы здесь для старой Gmail, до обновления 2016/2017.Ни один из ответов, предоставленных до 2016 года, здесь не работает.
В современных Gmail Web и Gmail для Android вам нужно обмануть Gmail, заставляя думать, что вы пытаетесь стилизовать кнопку ссылки, установив цвет фона:
a.btn {
color: #fff;
background: #ffa100;
text-decoration: none;
text-transform: uppercase;
padding: 5px 12px 6px 12px;
border-radius: 5px;
box-shadow: 0 3px 6px rgba(0,0,0,.18);
}
Для любопытных он становится этим стилем, внедряемым в качестве последнего тега стиля в заголовок всей веб-страницы Gmail:
.msg-6177286137221397679 a.m_-6177286137221397679btn{
color:#fff;
background:#ffa100;
text-decoration:none;
text-transform:uppercase;
padding:5px 12px 6px 12px;
border-radius:5px
}
Все это на одной минимизированной строке состальные стили в реальном Gmail;Я аккуратно напечатал это здесь для сравнения.Вы можете видеть, что моя коробка-тень была отброшена, но это не убило все правило стиля.Вы также можете увидеть пару других важных вещей, которые, как все говорят, вы не можете сделать в Gmail, которые больше не соответствуют действительности:
- Заполнение работает
- Уровень тегастиль работает, то есть это a.btn, тогда как в большинстве советов Gmail говорится, что вы никогда не должны использовать стили тегов и применяете только стили уровня классаВероятно, вы надеетесь, вы можете обмануть это, например:
body {
background: #ededed;
}
table.main a {
color: #1c95cd;
background: #ededed;
}
И этого достаточно, ваш стиль цвета ссылок выживает, потому что Gmail наивно считает это кнопкой ссылки.