如何从按钮中的超链接中删除蓝色[重复]答案

【问题标题】：How to remove blue color from hyperlink in a button [duplicate]如何从按钮中的超链接中删除蓝色[重复]
【发布时间】：2021-09-13 07:34:46
【问题描述】：

我正在处理一封 html 电子邮件，其中有一个绿色按钮，因此我需要从按钮中的超链接中删除蓝色。

我什么都试过了... !important; - 文字装饰：无； a:active, a:focus, - 你的名字..

那么有没有一个乐于助人的人，可以帮助我解决这个问题，我与按钮相关的代码目前如下：

/* What it does: Hover styles for buttons */

        .button-td,
        .button-a {
            transition: all 100ms ease-in;
            color: #ffffff !important;
        }

        .button-td:hover,
        .button-a:hover {
            background: rbg(1,84,61);opacity: 0.8; !important;
            border-color: rbg(1,84,61);opacity: 0.8; !important;
            
        }

<!-- Button : Begin -->

</p>
<table cellspacing="0" cellpadding="0" border="0" class="center-on-narrow" style="float:center;">
<tr>
<td style="border-radius: 3px; background: #01553d; text-align: center;" class="button-td"><a style="background: #01553d; border: 15px solid #01553d; padding: 0 10px; color: #ffffff !important; font-family: sans-serif; font-size: 13px; line-height: 1.1; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: bold;" href="^slink^" class="button-a"> 
<font color="#FFFFFF"></font>
<!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]-->^slink^<!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--> 
</a></td>
</tr>
</table>
                            
<!-- Button : END --></td>

【问题讨论】：

这听起来像是某些特定电子邮件客户端坚持将链接呈现为蓝色的问题。您需要提供有关您的测试环境的更多信息。

标签： html css button hyperlink

【解决方案1】：

使用style="text-decoration:none;"

【讨论】：

要更改颜色？！
...问题中的代码表明他们已经在这样做了。