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

如何覆盖 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" 错误？的详细内容，更多请关注抖狐科技其它相关文章！