el-dialog 圆角边框
时间: 2023-09-12 11:09:39 浏览: 268
editText和Dialog等组件的圆角边框设置
要给 el-dialog 添加圆角边框,你可以使用 CSS 来实现。可以在 el-dialog 的外层包裹一个容器,并为该容器添加样式来设置圆角边框。以下是一个示例:
```html
<template>
<div class="dialog-container">
<el-dialog>
<!-- 对话框内容 -->
</el-dialog>
</div>
</template>
<style>
.dialog-container {
border-radius: 10px;
border: 1px solid #ccc;
}
</style>
```
在上面的示例中,我们创建了一个名为 `dialog-container` 的容器,并为其设置了 `border-radius` 和 `border` 属性来实现圆角边框效果。你可以根据需要调整 `border-radius` 的数值来改变圆角的大小。
阅读全文