删除 el-button 样式

要删除 el-button 的样式，可以通过以下两种方法之一来实现：

1. 使用 scoped CSS

在按钮所在的组件的样式中，使用 scoped CSS 来覆盖 el-button 的样式，例如：

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

<style scoped>
.my-button {
  background-color: transparent;
  border: none;
  color: red;
}
</style>

在上面的例子中，我们使用 scoped CSS 来覆盖 el-button 的样式，使其背景颜色变成透明，边框消失，字体颜色变成红色。

2. 使用深度选择器

在 el-button 的样式前面加上 /deep/ 或者 >>>，使得样式能够穿透到 el-button 组件内部，例如：

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

<style>
/deep/ .el-button {
  background-color: transparent;
  border: none;
  color: red;
}
</style>

在上面的例子中，我们使用 /deep/ 来穿透到 el-button 组件内部，同样将其背景颜色变成透明，边框消失，字体颜色变成红色。注意，/deep/ 或者 >>> 在新版的 Vue 中已经被废弃，建议使用 scoped CSS 来代替。