鍍金池/ 問答/網(wǎng)絡安全  HTML/ element-ui覆蓋了css,為什么開發(fā)模式下正常生效，build后無效?

element-ui覆蓋了css,為什么開發(fā)模式下正常生效，build后無效?

element-ui覆蓋了css,為什么開發(fā)模式npm run dev 下正常生效，
npm run build后無效，所有的樣式變?yōu)樵饶J的樣子。

效果展示：
npm run dev下效果

npm run build后效果

在APP.vue的style中代碼

<style>
/* 對話框自定義 */
.el-dialog {
  background: rgb(77, 73, 65);
}
.el-dialog__title {
  color: #cfccb9
}
.el-dialog__body {
  padding: 16px 10px;
  color: #cec9c2;
  line-height: 20px;
  font-size: 14px
}
</style>
回答
編輯回答
礙你眼

加個import

2018年5月20日 20:01
編輯回答
執(zhí)念

有沒有被抽離到app.css里面，樣式不成功很顯然是優(yōu)先級不夠，那么最可能的問題就是，你設(shè)置的這些style又element原生的css覆蓋了唄。

2017年11月2日 22:47
編輯回答
何蘇葉

非常感謝大家的解答，這里引用一個由kedaya發(fā)表的正解：

dev里的style沒有被覆蓋。dev里是通過js append
style標簽來加入你的element的樣式，而build之后你的element基礎(chǔ)樣式是通過link的css引入的。

而我所描述的現(xiàn)象的根本原因是：上述原因引起的優(yōu)先級覆蓋的問題。

解決方案，用“兔子愛吃梨”、“ toBeTheLight ”都可以解決，已親測。

2017年4月17日 06:30