怎么修改element-plus的--el-color-primary
时间: 2024-01-16 16:01:56 浏览: 358
element-ui.rar
要修改 `element-plus` 的 `--el-color-primary`,可以在全局 CSS 样式中添加以下代码:
```css
:root {
--el-color-primary: #ff0000;
}
```
这将把 `--el-color-primary` 的值修改为红色。你可以将颜色代码替换为你想要的颜色。
如果你只想在某个组件中修改 `--el-color-primary` 的值,可以使用 `::v-deep` 选择器来覆盖默认样式。例如,在一个 `ElButton` 组件中将 `--el-color-primary` 的值修改为红色的代码如下:
```css
<style scoped>
.el-button::v-deep {
--el-color-primary: #ff0000;
}
</style>
```
这样,只有在这个 `ElButton` 组件中,`--el-color-primary` 的值才会被修改为红色。
阅读全文