如何为Salesforce Pardot邮件通讯的CTA按钮添加悬停效果

解决方案 #

直接使用以下CSS代码即可实现你要的黑色CTA悬停效果：

.tr6:hover {
  background: #E0A9D5 !important;
  border-color: #E0A9D5 !important;
}
.tr6:hover td {
  background: #E0A9D5 !important;
}
.tr6:hover td a {
  color: #000000 !important;
}

规则说明 #

• 你的CTA元素自带行内样式优先级更高，必须添加!important才能覆盖原有行内定义的背景色、字体色属性
• 额外新增的边框颜色覆盖规则是为了避免原黑色边框和悬停后的粉色背景冲突，如果你需要保留黑色边框可以直接删除border-color: #E0A9D5 !important;这一行
• 该规则和你现有透明CTA的CSS逻辑完全兼容，不会互相干扰

内容的提问来源于stack exchange，提问作者Daisy Weber