如何覆盖 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" 错误?的详细内容,更多请关注慧达安全导航其它相关文章!

点赞(0)

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部