hover - 按钮上的永久鼠标悬停效果

Question

我制作了一个网站，其中包含许多当用户将鼠标悬停在它们上时会改变颜色的幽灵按钮。按钮像彩虹一样按颜色排列，我希望它们即使在鼠标停止悬停在其上时也保持活动/着色，这样当用户将鼠标悬停在所有按钮上时，所有按钮将同时着色。

这些按钮都放置在引导列中。

我没有使用 JavaScript 的经验，所以纯 CSS 对我来说是理想的。但如果 JavaScript 是最好的方法，请告诉我如何将它植入 HTML 和 CSS。

请不要介意拼写错误，我是荷兰语和阅读障碍：P

提前致谢！

Answer 1

将它放在代码底部的</body>标签之前。

<script>
   $(".btn").mouseout(function() {
        $(this).css("background-color","pink");               
    });
</script>

您可以将 (".btn") 位更改为页面上的任何类，因此，如果您只想更改 btn-primary 类，您将拥有 (".btn-primary") 等。