css - Ejs-如何将鼠标悬停在ejs文件中？

我想实现一个功能。我的应用是用angularjs和nodejs制作的。我正在发送电子邮件，在该电子邮件中，有一个单击按钮。

<td style="padding-top:32px;" class="suggest-artist">
                    <a href="<%=url%>" style="border:solid 1px rgba(0,0,0,0.8); text-align:center; display:block; font-size:17px; text-decoration:none;
                        color:rgba(0,0,0,0.8); font-family:'SlateStd-Bk', 'Lucida Grande', 'Lucida Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; padding:27px 10px 22px;"
                        onMouseOver="bgChange('green')"
                        onMouseOut="bgChange('blue')">Suggest artists now</a>
        </td>

我想在悬停时更改背景颜色，但似乎这种方式不起作用。我用谷歌搜索并尝试实现内联悬停，但这也不起作用。因此，我找到了onmouseover和onmouseout的解决方案，但这也不起作用。我也尝试包括一个外部CSS，但是它不起作用。我该怎么办？

最佳答案

在内联样式中，您有color:rgba(0,0,0,0.8);，它可以覆盖更改链接上的悬停状态的功能。

可以，但是不需要JS在悬停时更改颜色。使用:hover之类的东西-参见下文：

.suggest-artist__link:hover {
  color: green;
}

<td style="padding-top:32px;" class="suggest-artist">
                    <a href="#" class="suggest-artist__link" style="border:solid 1px rgba(0,0,0,0.8); text-align:center; display:block; font-size:17px; text-decoration:none; font-family:'SlateStd-Bk', 'Lucida Grande', 'Lucida Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; padding:27px 10px 22px;">Suggest artists now</a>
        </td>

编辑：对不起-您想要背景颜色，而不是链接颜色...执行以下操作：

.suggest-artist__link:hover {
  background-color: green;
}

<td style="padding-top:32px;" class="suggest-artist">
                    <a href="#" class="suggest-artist__link" style="border:solid 1px rgba(0,0,0,0.8); text-align:center; display:block; font-size:17px; text-decoration:none; font-family:'SlateStd-Bk', 'Lucida Grande', 'Lucida Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; padding:27px 10px 22px;">Suggest artists now</a>
        </td>

关于css - Ejs-如何将鼠标悬停在ejs文件中？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50044716/