Ant Design css样式无法修改? 一招教你解决~

南玖i

于 2022-04-29 16:27:55 发布

阅读量1.2k

点赞数

分类专栏： ant 文章标签： css css3

本文链接：https://blog.csdn.net/m0_49789433/article/details/124498762

版权

1 篇文章

订阅专栏

想要修改他的背景颜色加 !important也无济于事

ant-tabs-ink-bar{
  background-color:#fff !important ;
}

最外层div添加 ref

里面的内容添加 :getContainer="()=>$refs.main" 此处main 和上面的ref里面的内容要一样哦

css使用

.main 里面也要写这个 ::v-deep 才可以生效哦

<style lang="less" scoped>
.main{
  ::v-deep .ant-tabs-ink-bar{
      background-color:red !important ;
    }
}
<style>