element plus的.el-dialog__body修改不生效

如果你使用的是Element Plus的自定义主题，那么可能是因为你没有正确地设置主题变量导致样式修改不生效。可以检查一下以下几个方面：

1. 确认你的主题安装和引入都是正确的，可以尝试重新安装和引入主题；
2. 在你的样式文件中，确认你的样式修改是写在相应的主题变量下面的，例如：

// 修改对话框 body 背景颜色
.el-dialog__body {
  background-color: var(--dialog-body-bg-color);
}

3. 确认你的样式文件被正确地引入到了应用程序中，可以在浏览器的开发者工具中检查样式是否生效。

如果以上步骤都没有解决问题，可以提供更详细的代码和运行环境，以便更好地帮助你解决问题。

相关问题

scope中.el-dialog__body修改不生效

如果您想要修改 `.el-dialog__body` 的样式，可以考虑在该样式的前面加上 `::v-deep`，如下所示：

<style scoped>
::v-deep .el-dialog__body {
  /* 在此处添加您想要修改的样式 */
}
</style>

这是因为在 Vue 的单文件组件中，`<style>` 标签默认会启用 scoped 特性，以避免样式污染和冲突。但是有时候您可能需要修改某些子组件的样式，这时候就可以使用 `::v-deep` 来穿透父组件的样式作用域，直接影响子组件的样式。希望这能对您有所帮助！

.el-dialog__body修改不生效

可能有多种原因导致修改不生效，以下是几个可能的解决方案：

1. 确保你的样式定义在.el-dialog__body的样式之后，否则可能被覆盖。

2. 确保你使用的是正确的选择器，你可以使用浏览器的开发者工具检查样式是否被正确应用。

3. 确保你的样式没有被其他样式覆盖，你可以通过更具体的选择器或使用!important来解决这个问题。

4. 如果你使用了scoped样式，那么你需要在样式中添加/deep/或>>>来穿透作用域限制。

希望这些解决方案对你有所帮助。