Ant Design 全局样式覆盖:如何解决 "Unknown word" 错误?

ant design 全局样式覆盖:如何解决

如何覆盖 ant design 全局样式?

在覆盖 ant design 默认样式时,您使用以下代码:

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

然而,您遇到了一个错误消息:"unknown word"。

问题原因

错误的原因在于:您将选择器和样式都包裹在小括号中。正确的语法如下:

:global(selector) {
  style...
}

因此,您需要将代码更新为:

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

这样做应该可以覆盖 ant design 的默认样式。

以上就是Ant Design 全局样式覆盖:如何解决 "Unknown word" 错误?的详细内容,更多请关注其它相关文章!