2.常见报错-如何修改element组件的样式,及解决/deep/报错

🌺 作者主页： 🌱仙女不下凡🌱

🌺 欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正！

---

直接用::v-deep代替/deep/

::v-deep .el-dialog {
  width: 70%;
}
::v-deep .el-step {
  margin: -30px 0 0 20px;
}

这样相关组件的样式就修改好了

如果有多个el-dialog弹窗只修改一个或者,然后给修改样式的弹窗加class=“clearfix-r”,当然class名称可以随便命名.

.clearfix-r::v-deep .el-dialog {
  background-color: #f0f8ff;
  text-align: center;
  font-size: 18px;
  color: #6cb4f1;
}

这样就完成了,欢迎讨论.