HTML 电子邮件 - TD 悬停以更改背景颜色不起作用

Question

我的代码笔：http ://codepen.io/leongaban/pen/iJBrn

请注意，这不适用于常规网页，我正在构建 HTML 电子邮件，但是对于现代浏览器/电子邮件客户端，拥有简单的翻转颜色（无 javascript）会很好。不知道为什么我的悬停不起作用。

我正在使用从我迄今为止发现的其他 TD 悬停 stackoverflow 问题中找到的代码。

td.blue-button:hover {
        background-color: #267aa6;
}

你会如何创造这个？

Answer 1

您的内联样式优先于外部td.blue-button:hover.

检查这个小提琴

提取类

td.blue-button {
    background-color: #006497;
}

td.blue-button:hover {
    background-color: #267aa6;
}