你的問題就是css權(quán)重問題 如果相同權(quán)重可能存在引入順序問題

簡單粗暴解決辦法
1： 如果是單頁面 寫入index.html里面
2：直接修改源碼的css 很簡單~~~
3：加個！important

你看下main.js中引入的順序，是否和下面一樣：

import 'element-ui/lib/theme-chalk/index.css'
import App from './App.vue'

如果相反，那么element-ui的樣式會覆蓋自定義的樣式。

在vue-cli中開發(fā)模式下，css樣式是用js打到head中的style標(biāo)簽里的

而生產(chǎn)環(huán)境的css是用extract-text-webpack-plugin生成css文件引入的

這其中的樣式優(yōu)先級是不一樣的。一般多寫一個選擇器增加下優(yōu)先級就沒問題了。