el-dialog修改样式
时间: 2023-11-06 07:03:02 浏览: 533
【JavaScript源代码】element-ui 弹窗组件封装的步骤.docx
要修改el-dialog的样式,可以按照以下步骤进行操作:
1. 在对话框中添加圆角:使用CSS选择器`.el-dialog__wrapper`来选择对话框元素,然后使用`border-radius`属性来设置圆角的大小,例如`.el-dialog__wrapper { border-radius: 10px; }`。
2. 给对话框的头部和尾部添加边框线:使用CSS选择器`.el-dialog__header`来选择对话框头部元素,然后使用`border-bottom`属性来添加底部边框线;使用CSS选择器`.el-dialog__footer`来选择对话框尾部元素,然后使用`border-top`属性来添加顶部边框线。例如`.el-dialog__header { border-bottom: 1px solid #e3e8ee; }`和`.el-dialog__footer { border-top: 1px solid #e3e8ee; }`。
阅读全文