el-dialog--center
时间: 2024-01-13 11:04:19 浏览: 118
elementui更改el-dialog关闭按钮的图标d的示例代码
5星 · 资源好评率100%
el-dialog--center是一个CSS类选择器,用于修改Vue.js中Element UI组件库的弹框(dialog)组件的样式。通过添加/deep/前缀,可以穿透组件的作用域限制,使得样式修改能够生效。
具体来说,/deep/用于穿透scoped样式,使得样式可以作用于子组件。在你提供的代码中,/deep/被用于修改.el-dialog.el-dialog--center和.el-dialog--center .el-dialog__body这两个类的样式。
1. 修改弹框边框圆角:
```css
/deep/ .el-dialog.el-dialog--center {
border-radius: 8px;
}
```
2. 去掉弹框内容的默认padding值:
```css
/deep/ .el-dialog--center .el-dialog__body {
padding: 0px;
text-align: center;
}
```
这样,你可以通过添加/deep/前缀来修改el-dialog--center类的样式,实现自定义的效果。
阅读全文