思路:先在浏览器调试一下,找到改变某个类名的样式生效后,记住该类名,然后去代码里修改;
原始样式
覆盖样式:
使用 /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;
}
修改成功
网友评论