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>

在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>

首次访问，人机识别

扫描下方二维码回复 程序员 获取解锁验证码

步骤：[ 打开微信 ]->[ 扫描上方二维码 ]->[ 关注 程序进阶之路 的公众号] 输入 程序员 获取验证码，即可解锁文章。

验证码：

确定

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

扫码关注