要修改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文件，然后在某一個組件中引用 ...