element plus的messageBox使用自定义按钮类名踩坑

发现有类名但是选择器选不上,仔细查看html元素发现messageBox不在组件内

解决方法:

不在组件内就单独写一个style标签,不加scope属性,在里面写对应样式即可,不过这样写会造成类名全局污染

<style lang="scss">
.appReculeRestoreBtn {
  background-color: #398384 !important;
  border: 1px solid #398384 !important;
}
.appReculeDestroyBtn {
  background-color: #e3413f !important;
  border: 1px solid #e3413f !important;
}
</style>

除了messageBox之外,还有一些组件是在当前组件外的,例如Popover 气泡卡片,总之,在发现此类问题时,可以排查一下是否是因为该原因