怎么设置某一个el-dialog的el-dialog__body的padding,而不影响其他el-dialog
时间: 2023-10-14 19:09:09 浏览: 441
select元素中设置padding效果的方法
5星 · 资源好评率100%
你可以为该特定的 `el-dialog` 元素设置一个独特的 `class`,然后使用该 `class` 来设置 `el-dialog__body` 的 `padding` 样式。比如:
```html
<template>
<div>
<el-dialog :visible.sync="dialogVisible" :custom-class="'my-dialog'">
<span slot="title">Dialog Title</span>
<div class="el-dialog__body">
Dialog Content
</div>
<div slot="footer">
<el-button @click="dialogVisible = false">Cancel</el-button>
<el-button type="primary" @click="dialogVisible = false">OK</el-button>
</div>
</el-dialog>
</div>
</template>
<style scoped>
.my-dialog .el-dialog__body {
padding: 20px;
}
</style>
```
在上面的代码中,我们为 `el-dialog` 元素设置了一个名为 `my-dialog` 的自定义 `class`,并使用该 `class` 来设置 `el-dialog__body` 的 `padding` 样式。这样就只会影响到具有 `my-dialog` 类的 `el-dialog` 元素,而不会影响到其他的 `el-dialog` 元素。
阅读全文