element-ui如何修改el-dialog的樣式？

要修改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> 

上例是修改彈框中內容距離標題的距離。