css如何覆盖element ui样式

要覆盖Element UI的样式，可以使用以下几种方法：

1. 在自己的CSS文件中重写Element UI的样式：可以直接在自己的CSS文件中添加相应的选择器和属性来覆盖Element UI的样式。

2. 使用CSS权重：可以使用CSS权重来覆盖Element UI的样式。选择器的权重是由选择器本身的组成和选择器前面的修饰符（例如类、ID、伪类等）决定的。如果两个选择器具有相同的权重，则后面的选择器将覆盖前面的选择器。

3. 使用!important声明：可以使用!important声明来覆盖Element UI的样式。!important声明会使该属性优先级最高，即使它的权重比其他选择器低。

以下是一个简单的示例，演示如何使用CSS覆盖Element UI的样式：

<template>
  <div class="my-component">
    <el-button>按钮</el-button>
  </div>
</template>

<style>
.my-component .el-button {
  background-color: green;
  color: white;
}

/* 或者 */

.el-button.my-custom-button {
  background-color: green !important;
  color: white !important;
}
</style>

在这个示例中，我们可以通过选择器`.my-component .el-button`来覆盖Element UI的样式，并更改按钮的背景颜色和文字颜色。我们还可以使用!important声明来强制更改按钮的背景颜色和文字颜色。