Question

我很困惑。昨天，我在其他组件中执行了相同的操作，并且运行良好。让我向您展示代码...

<FontAwesomeIcon onClick={this.displayVerticalNavbar} className="faColorOverwriter" id="toggleInContNavBar" icon={faBars} pull="right"/>

    #toggleInContNavBar:hover{
    height:84%;
    opacity:0.8;
    cursor:pointer;
}

今天，我一直在尝试在其他组件中执行类似的操作，并且：hover无论如何都将无法工作。为什么会这样呢？

我现在的代码：

<FontAwesomeIcon id="menuSearchElementEdit" icon={faEdit}/>

    #menuSearchElementEdit:hover{
    opacity:0.8;
    cursor:pointer;
}

Answer 1

此代码对我有用。您可以按如下所示添加光标样式，而不是添加不同的CSS。

import 'typeface-roboto'

悬停伪类不适用于React中的FontAwesome图标

1 个答案: