elementui 修改内部样式

要修改 ElementUI 组件的内部样式，可以使用CSS作用域和/deep/选择器来实现。首先，在组件的template中添加一个class，例如我这里添加了一个class名为"my-element"：

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

然后，在style中使用 scoped 属性，可以使得样式只对该组件生效，避免全局污染。在 scoped 标签内部，使用 /deep/ 选择器可以穿透组件内部样式的边界，修改组件内部元素的样式。

<style scoped>
.my-element /deep/ .el-button {
  background-color: red;
}
</style>

这样就能将按钮的背景色修改为红色了。