Vue实现修改第三方组件样式

在vue中可以通过以下两种方式修改第三方组件样式：

1、全局覆盖修改

<style lang="less">
  .modal {
    .ant-modal-header {
      border-bottom-width: 0; 
    }
  }
</style>

2、局部覆盖修改

<style lang="less" scoped>
  .modal {
    :deep(.ant-modal-header) {
      border-bottom-width: 0;
    }
  }
 
</style>

扫描下方二维码，关注公众号：程序进阶之路，实时获取更多优质文章推送。

扫码关注