Как заставить FontAwesomeIcon реагировать на изменение цвета при наведении мыши - PullRequest
Новая
       16

Как заставить FontAwesomeIcon реагировать на изменение цвета при наведении мыши

2 голосов
/ 30 октября 2019

У меня есть страница с черным фоном, на которой я поместил белый значок, подобный этому, с помощью React FontAwesome 

<Link to={'/'} className={classes.homeButtonLink}>
  <FontAwesomeIcon icon={faHome} size="2x"/>
</Link>

при наведении мыши на значок стал черным, и я его не вижу. Как сделать так, чтобы значок не менял цвет? Я уже пытался применить css к значку и ссылке, не повезло.

1 Ответ

0 голосов
/ 30 октября 2019

Я пробовал этот код . FontAwesome Icon не меняет цвет при наведении курсора мыши. Он меняет цвет только по щелчку мыши. Вы могли бы просто воспроизвести свое поведение с помощью данного кода? 

import { BrowserRouter, Link } from "react-router-dom";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faHome } from "@fortawesome/free-solid-svg-icons";

import "./styles.css";

const element = (
  <BrowserRouter>
    <Link to={"/"}>
      <FontAwesomeIcon icon={faHome} size="6x" />
    </Link>
  </BrowserRouter>
);
...