Bootstrap - 悬停时改变按钮的颜色的方法

在本教程中，我们将学习如何在Bootstrap中改变悬停按钮的颜色。

考虑一下，我们在Bootstrap中拥有以下按钮元素。

<button class="btn-primary">Search</button>

要改变按钮在悬停时的颜色，可以在按钮类中添加:hover css选择器。

:悬停选择器在我们将鼠标悬停在该元素上时选择该元素。

下面是一个例子。

.btn-primary:hover{
    background-color: white;
}

在上面的例子中，我们已经添加了background-color: white; 。因此，当用户在一个按钮上悬停时，它会改变按钮的颜色为white

如果按钮的颜色没有变化，则添加!important css属性。

下面是一个例子。

.btn-primary:hover{
    background-color: white !important;
}

注意：!important 属性会覆盖所有先前添加的css样式到当前样式。