时间戳

首页 > 解决方案 > 当按钮悬停在 CSS 上时，更改按钮上 Glyphicon 的悬停颜色

css - 当按钮悬停在 CSS 上时，更改按钮上 Glyphicon 的悬停颜色

问题描述

glyphicon-chevron-up当它所在的按钮悬停在上面时，我正在尝试更改颜色

按钮：

.btn.btn-success.text-uppercase.m-b-xs.sort-button

Glyphicon（如果我将鼠标悬停在雪佛龙上，这将起作用）：

.glyphicon-chevron-up:hover:before

我在尝试

.btn.btn-success.text-uppercase.m-b-xs.sort-button:hover .glyphicon-chevron-up:hover:before {
   color: orange !important;
}

但只有当我直接将鼠标悬停在雪佛龙上时才有效

提前感谢您的帮助

标签： css

解决方案

您可以通过这种方式解决问题。

.btn:hover .glyphicon{
        color: red;
}

当您将鼠标悬停在按钮上时，glypicon 类中的内容颜色将变为红色。你可以使用你想要的颜色。

推荐阅读