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

第一步：定义 自定义dialog class名 第二步：全局修改自定义样式 自定义dialogStyle有三个儿子，这样只用找到他们就可以自定更改啦 .custonStyle { 　　xxxxx } .custonStyle> ...

当在某个页面中需要对element-ui组件dialog弹窗样式重置，需要使用custom-class（Dialog 的自定义类名） 　　例子：在style scoped样式表里面为弹窗样式进行重置： 　　custom-class="schedule-task-diaog" ...

效果： before： after： 方法一： 修改样式无果 方法二： 这里是引入的自定义主题颜色，在这个文件夹中找到index.css，查找el-card，修改box-shadow。修改其他组件样式应该类似 ...

方法一 方法二 使用 /deep/ .homePage /deep/ .el-main { 　　padding: 0; 　　 } .homePage为我们要修改组件类名的父级组件样式类名。。即使定义一个空的类名也没事。 .el-main为我们要修改组件的样式 ...

...

在控制台中找到对应的元素class名，在css样式中直接修改，但是由于element-ui的css样式时全局的我们要在元素选择起的前面给他加一个类名包裹，只让样式在当前css范围有作用。 注：添加scoped后我们改的样式不会有作用，故而用上面这种方法。 ...

来自 ：https://blog.csdn.net/wangguoyu1996/article/details/81394707 侵删 我们在使用element-ui的时候经常会遇到需要修改组件默认样式。 我目前知道的有两种方法： 1.通过创建一个css文件，然后在某一个组件中引用 ...