Antd 全局样式覆盖时出现“Unknown word”错误,如何解决?

Antd 全局样式覆盖时出现“Unknown word”错误,如何解决?

antd 全局样式覆盖问题:unknown word

在覆盖 antd 样式时,使用 :global(selector) 语法来定义全局样式。但是,在给出的代码示例中,出现了您遇到的错误:unknown word

问题出在您将 :global(和语句都用小括号括起来。正确的语法应该是:

:global(selector) {
  style...
}

例如:

:global(.ant-tabs-tab) {
  background-color: red;
}

或者使用嵌套类:

.myClass {
  :global(.ant-tabs-tab) {
    background-color: red;
  }
}

现在,您应该能够覆盖 antd 默认样式而不会出现任何错误。

以上就是Antd 全局样式覆盖时出现“Unknown word”错误,如何解决?的详细内容,更多请关注其它相关文章!