小编tab*_*rez的帖子

如何使 React <FontAwesomeIcon/> 颜色在按钮悬停时发生变化?

我对 React 还很陌生,无法解决这个问题。基本上,我只想在悬停按钮时更改“FontAwesomIcon”标签的颜色,而不是“span”标签内文本的颜色。我也在使用react-bootstrap。这是我的代码,

<div class="tab">
   <Link to="/dataset-upload">
      <button class="tablinks" onClick={this.handleClick}>
            <FontAwesomeIcon icon={faCloudUploadAlt} size="lg"/> 
            <span>Dataset Upload</span>
      </button>
  </Link>
</div>
Run Code Online (Sandbox Code Playgroud)

这是 FontAwesomeIcon 的 CSS,

.tab button FontAwesomeIcon:hover{
    color: #86BC25;
}
Run Code Online (Sandbox Code Playgroud)

如果我在 CSS 中将 FontAwesomeIcon 替换为 span ,它就可以工作。

我将不胜感激任何建议或建议。

html css frontend reactjs

7
推荐指数
3
解决办法
1万
查看次数

标签 统计

css ×1

frontend ×1

html ×1

reactjs ×1