美文网首页
ElementUI修改Dialog样式失败

ElementUI修改Dialog样式失败

作者: 明月几何8 | 来源:发表于2020-09-18 14:41 被阅读0次

    要修改dialog的样式不能直接在<style scoped>标签中修改,这样样式不会生效,把scoped属性去掉,然后在<dialog>标签中自定义一个class,然后通过样式层级选择器选择你要修改的样式进行修改,这样就可以实现样式的局部修改

    <el-dialog
        title="警情反馈"
        class="feedback_dialog"
        :visible.sync="dialogVisible"
        width="51%"
        center
        :show-close="false"
        :close-on-click-modal="false"
        @close="handleClose"
      >
    
    <style>
    .feedback_dialog .el-dialog--center .el-dialog__body {
      padding-right: 0;
    }
    </style>
    

    相关文章

      网友评论

          本文标题:ElementUI修改Dialog样式失败

          本文链接:https://www.haomeiwen.com/subject/ccrjyktx.html