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

思路:先在浏览器调试一下,找到改变某个类名的样式生效后,记住该类名,然后去代码里修改;
2019-07-23改变Element组件的默认样式_第1张图片
2019-07-23改变Element组件的默认样式_第2张图片

#覆盖样式:
使用 /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组件的默认样式_第3张图片

你可能感兴趣的:(Vue)