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

Question

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

所有按钮都位于 bootstrap 列内。

我没有使用 JavaScript 的经验，所以纯粹的 CSS 对我来说是理想的选择。但是，如果 JavaScript 是解决此问题的最佳方式，请让我确切知道如何将其植入 HTML 和 CSS。

请不要介意任何拼写错误，我是荷兰人并且有阅读障碍 :P

提前致谢！

Answer 1

将其放在代码底部 </body> 标记之前。

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

您可以将 (".btn") 位更改为页面上的任何 class，因此如果您只希望它更改 btn-primary classes，您可以(".btn-primary") 等

Permanent mouse hover effect on buttons