今天写好的项目在服务器上发布后,本地样式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样式优先级高,会覆盖本地的样式
只是简单的理解,若有错误还望谅解指正!