The essence of changing the theme color is to change the color of the style (text background stroke)
Local changes can be passed through using styles
plain 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; }
If you want to change globally, the method I use here is to directly download the official style and replace the color gradually during the development process.
https://unpkg.com/[email protected]/lib/theme-chalk/index.css
Introduce in main.js
import ElementUI from "element-ui";
// import "element-ui/lib/theme-chalk/index.css" here is the normal official introduction and the following is the custom change
import "./assets/element/index.css";
Here is changing the main color to yellow and red