如何修改el-dialog的样式
时间: 2023-11-21 20:39:36 浏览: 230
点击改变样式
4星 · 用户满意度95%
可以使用 CSS 中的 class 或者 id 选择器来对 el-dialog 进行样式修改。例如,可以通过给 el-dialog 添加 class,然后在 CSS 中定义该 class 的样式来修改 el-dialog 样式。例如:
HTML 代码:
<el-dialog class="my-dialog" :visible.sync="dialogVisible">...</el-dialog>
CSS 代码:
.my-dialog {
border: none;
box-shadow: none;
background-color: #f1f1f1;
color: #333;
font-size: 16px;
}
以上示例代码将 el-dialog 的边框和阴影去掉,同时修改了背景色、字体色和字体大小。
阅读全文