如何修复在字体真棒与nextJS覆盖错误

kpbpu008  于 2023-06-29  发布在  其他
关注(0)|答案(1)|浏览(121)

我使用FontAwesome与NextJS和Tailwind。下面是在遵循文档之后的事情,您被告知将以下代码添加到_app. tsx。

import { config } from "@fortawesome/fontawesome-svg-core";
import "@fortawesome/fontawesome-svg-core/styles.css";

config.autoAddCss = false;

好吧,这工作得很好,除了一些名为.svg-inline--fa的类被注入到我的代码中,它覆盖了我的自定义类。以下是已定义的属性。

.svg-inline--fa {
    display: var(--fa-display, inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}

我该怎么弥补我被那个错误卡住了一段时间。

cqoc49vn

cqoc49vn1#

您可以通过链接选择器来使其更具体,例如。

body .some-other-class .svg-inline--fa {
    display: var(--fa-display, inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}

相关问题