怎么修改 element-plus组件 的默认样式

针对一些通用的、样式固定的组件，可以全局处理，其方法是新建一个css或者scss文件，覆盖element-plus原有的class。你可以在src/assets目录下新建一个element-plus-reset.scss，根据UI的需要，修改原有的class名称。在这个文件中，你可以使用element-plus提供的变量和mixin来修改组件的样式。同时，你也可以在组件所在的.vue文件中使用<style scoped>来修改组件的样式。例如，在.vue文件中修改table组件的默认样式，你可以这样写：

<template>
  <div class="my-class">
    <el-table>
    </el-table>
  </div>
</template>

<script>
</script>

<style scoped lang="scss">
/* 修改element-plus中table组件的样式 */
.my-class__expand-column .cell {
  display: none;
}
.my-class .el-table tbody tr:hover>td {
  cursor: pointer;
}
.my-class .el-form .el-form-item .el-input__inner:focus{
  border: 1px solid #3D66E4;
}
</style>