
antd 样式覆盖错误:unknown word
在定制 antd 组件样式时,使用 :global 覆盖样式时遇到了一个 syntaxerror。问题代码如下:
:global(
.ant-tabs-tab {
background-color: red;
}
)错误提示为 "unknown word。"这是因为将选择器和样式都用小括号括了起来。
正确的 :global 用法如下:
:global(.ant-tabs-tab) {
background-color: red;
}另外,建议使用 classname 来覆盖样式,以避免 :global 的潜在问题。例如:
.my-custom-class {
:global(.ant-tabs-tab) {
background-color: red;
}
}










