html - 在devicons悬停时更改颜色

我正在尝试将devicons实施到我的网站中，并且已经成功完成，但是当我将它们悬停在它们上时，颜色不会改变。

HTML代码：

<div class="devicons devicons-java"> </div>

CSS代码：

.devicons {
    font-size: 150px;
    align-content: center;
    position: relative;
    text-align: center;
}
.devicons.active:hover {
    color: orange;
    -webkit-transition: width 2s;
    transition: width 2s;
}

.devicons {
    font-size: 150px;
    align-content: center;
    position: relative;
    text-align: center;
}
.devicons.active:hover {
    color: orange;
    -webkit-transition: width 2s;
    transition: width 2s;
}

<div class="devicons devicons-java"> ABCD </div>

但这对悬停没有任何作用吗？我不知道现在该怎么办？有人可以给我一个主意吗？

最佳答案

嗨，这是悬停功能，您想要的悬停效果是：

.button:hover {
   position: absolute;
   transition: 1.9s;
   color:orange;
   opacity: 1;
}

关于html - 在devicons悬停时更改颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39652271/