如何快速调整antd vue组件默认样式，实现个性化定制？

本文共计1465个文字，预计阅读时间需要6分钟。

目录

一、想要修改组件的默认样式

二、类名scoped的限制

三、是否有这样的疑惑

四、使用/deep/选择器

五、Ant Design Vue地址：https://www.antdv.com/docs/vue/introduce-cn/

初接Ant Design Vue的童鞋可能会有这样的疑惑

目录

• 一、想要修改组件的默认样式
• 二、类名scoped的限制 你是否会有这样的疑惑
• 三、使用/deep/、 >>>时

Ant Design Vue地址：www.antdv.com/docs/vue/introduce-cn/

刚接触Ant Design Vue的童鞋们可能会有这样的问题，不就是修改默认的组件样式吗，为什么一会生效，一会又不生效。希望看完这个文章，会给你一些收获~

一、想要修改组件的默认样式

首先你需要知道组件是渲染在哪里的 这个组件是渲染在当前页面内部，还是脱离vue根节点单独渲染？（根节点默认id=“app”）

这个问题的答案很容易得到，打开文章顶部的antdv官方文档，任意选中组件，F12打开调试，观察Elements，例如：

1、不难看出，button是渲染在当前页面内部的，包裹在"#app"的容器里。这样的组件还有很多，比如input、radio等等。