2019-07-23改变Element组件的默认样式
【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;
}
文章图片
推荐阅读
- 2018-02-06第三天|2018-02-06第三天 不能再了,反思到位就差改变
- 基于|基于 antd 风格的 element-table + pagination 的二次封装
- 改变自己,先从自我反思开始
- 越努力越幸福
- #微习惯可以改变你#第2周复盘
- 如何启动改变
- 改变没有对错
- iview|iview upload 动态改变上传参数
- 《习惯陷阱》(改变思维习惯,突破人生局限,成为你想成为的人)
- 改变不了社会就改变自己()