[!info] related notes

• overflow 与滚动容器
• Overleaf

组件库修改内置样式

---

组件库中的组件就是 预设元素 + 预设规则集

而规则集中往往使用变量来控制，所以只要修改对应的变量，就可以修改内置样式

修改变量值

在 css 中的 :root 中修改对应的变量的值

这会修改所有使用该变量的组件的样式

怎么能只修改该类组件的样式

同一类组件即 类名相同 的组件，所以只需要在 css 中 添加对应组件的类名中的变量的值

这会修改所有该类组件的样式

只修改某一vue文件内的组件样式

使用 scoped ，在该 vue 文件中设置类的变量值