5-Vue中引入elmentui插件项目发布后样式被覆盖

今天写好的项目在服务器上发布后,本地样式ok,但是服务器上显示位置不对

select框引入公共样式,在css样式中已经写好所需要求,如下↓↓(位置在style中定义)

 .select-style .{
   border: 1px solid #7193ff !important;
   color: #ffffff !important;
   font-size: 16px;
 }

后来,项目上传发布后,被覆盖,最后的原因与 elmentUI 有关,解决办法:在当前页面自定义宽高(一定要加权重!!)

.select-style {
  width: 200px !important;
  height:40px !important;
}

 总结: 出现这种情况的原因大致与 main.js 里的css加载顺序有关,elementUI样式优先级高,会覆盖本地的样式

 只是简单的理解,若有错误还望谅解指正!  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值