html - 可以使用 :hover with Foundation for Emails?

Question

我正在使用 Foundation for Emails 设计电子邮件通讯。我知道内联悬停样式并没有真正起作用。但是，拥有悬停样式确实会为我的时事通讯增添一抹亮色。我想知道 Foundation 是否找到了一种方法来完成这项工作，以及我是否可以做些什么来在我的电子邮件中获取这些样式。

Answer 1

是的，您可以使用 :hover在样式表中，全局的或特定的:

a:hover, .linkname:hover {
  background: #ff0000 !important;
  border: 1px solid: #ff0000 !important;
}

除此之外，在 SASS 版本中，有一个部分用于声明所有 href 值:

$anchor-text-decoration: none;
$anchor-color: $primary-color;
$anchor-color-visited: $anchor-color;
$anchor-color-hover: darken($primary-color, 10%);
$anchor-color-active: $anchor-color-hover;

可以修改:$anchor-color-hover: darken($primary-color, 10%);通过调整值或只是输入您希望使用的颜色。

一些电子邮件客户端不支持 :hover ，但很多人这样做:

• > https://www.campaignmonitor.com/css/selectors/hover/

祝你好运。