首页 > 其他 > 详细

element-ui如何修改el-dialog的样式?

时间:2021-07-09 23:18:02      阅读:21      评论:0      收藏:0      [点我收藏+]

要修改dialog的样式不能直接在<style scoped>中修改,这样修改后不会生效。做法是把scoped去掉,然后在dialog标签上自定义一个class,最好不要和其他的class同名,然后通过此class选择器再去修改里面的相关样式即可。

<template>
   <el-dialog 
        title="信息" 
        :visible.sync="dialogFormVisible" 
        width="60%" 
        class="my-info-dialog">

        我是弹框

    </el-dialog>
</template>
<style>
.my-info-dialog .el-dialog__body {
        padding: 0px;
    }
</style>    

上例是修改弹框中内容距离标题的距离。

element-ui如何修改el-dialog的样式?

原文:https://www.cnblogs.com/zys2019/p/14977779.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!