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

【2019-07-23改变Element组件的默认样式】思路:先在浏览器调试一下,找到改变某个类名的样式生效后,记住该类名,然后去代码里修改;
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; }

2019-07-23改变Element组件的默认样式
文章图片

    推荐阅读