2019-07-23改变Element组件的默认样式

思路:先在浏览器调试一下,找到改变某个类名的样式生效后,记住该类名,然后去代码里修改;



原始样式

覆盖样式:

使用 /deep/ 可以让css有穿透效果

.left /deep/ .el-collapse-item__header {
  background: rgb(67, 90, 119);
  color: #fff;
  border: none;
  padding-left: 50px;
}
.left /deep/ .el-collapse-item__content {
  background: rgb(30, 41, 54);
  color: #fff;
  padding: 0;
}

.grid-content /deep/ .el-collapse {
  border: none;
}
.grid-content /deep/ .el-collapse-item__wrap {
  border: none;
}

.el-collapse-item /deep/ .el-collapse-item__wrap{
  border:none;
}

.el-dropdown-link {
  cursor: pointer;
  color: #409eff;
  margin-right: 60px;
}
.el-icon-arrow-down {
  font-size: 12px;
}
修改成功

你可能感兴趣的:(2019-07-23改变Element组件的默认样式)