Question

我创建了一个网站，其中有许多鬼按钮，当用户将鼠标悬停在它们上方时会改变颜色。按钮按颜色排列，就像彩虹一样，我希望它们保持活动/着色，即使鼠标停留在它上面，这样当用户将鼠标悬停在所有按钮上时，所有按钮都会同时着色。 / p>

这些按钮都放在bootstrap列中。

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

请不要忘记拼写中的任何错误，我是荷兰人和兼职：P

提前致谢！

Answer 1

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

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

您可以将（“。btn”）位更改为页面上的任何类，因此如果您只想更改btn-primary类（“。btn-primary”）等。