改变Element-ui 主题颜色

主题颜色的改变本质是改变 样式的color(文字 背景 描边)

局部改变可以使用 样式穿透 

普通css  

.root >>> .el-upload-list__item{
  transition:none !important;
  -webkit-transition:nonne !important;
}

sass  less

::v-deep .table .el-input__inner {
  border: 0;
  padding: 0 !important;
}

 

想要全局改变的话 我这里使用的方法是 直接将 官方样式下载下来 进行颜色替换 在开发过程当中逐步替换

https://unpkg.com/element-ui@2.15.13/lib/theme-chalk/index.css 

再main.js 当中引入

import ElementUI from "element-ui";
// import "element-ui/lib/theme-chalk/index.css" 这里是正常官方引入 下面是自定义改变
import "./assets/element/index.css";

这里是将主色 改成了 黄色和红色