vue调整el-dialog中body样式
时间: 2023-07-28 17:17:22 浏览: 180
element ui 对话框el-dialog关闭事件详解
可以通过在`<el-dialog>`标签上使用`custom-class`属性来自定义弹窗的样式,在这个自定义的样式中对`.el-dialog__body`进行样式调整即可。
例如,如果你想让弹窗的body部分背景色变成红色,可以这样写:
```html
<el-dialog title="提示" :visible.sync="dialogVisible" custom-class="my-dialog">
<span>这是一段内容</span>
</el-dialog>
```
```css
.my-dialog .el-dialog__body {
background-color: red;
}
```
这样就可以将弹窗的body部分背景色调整为红色了。
阅读全文