element-ui修改el-dialog样式不生效

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

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

        我是弹框

    </el-dialog>
</template>
<style>
.new-dialog .el-dialog__header {
    background: #f1f1f1;  
  }
</style>