三种方式修改vue项目中的element组件样式_vue修改element样式

项目场景

在vue中使用element组件的时候,有些样式需要根据需求进行调整.这里提供三种方法修改element组件的原生样式来实现.

解决方案

按需选择,可以全局修改element组件样式或者只修改该文件的组件样式.

1.全局修改组件样式

这种方法可以修改这个所有组件的样式.
打开vue项目,右键检查,找到该组件的名字,在样式中输入该组件名,进行样式修改.

<style>
  .el-form-item__label {
      // 对应的组件的类名
  　　text-align: center;
  }
</style>
1
2
3
4
5