elementUI的组件部署到服务器后和本地显示不一样

Question

element导航的展开收起组件的默认样式是这样的，我不想使用这个组件样式

于是自己我改成了上图这样，用两个小图标实现导航的展开收起，本地打开没有问题，但是我build vue到服务器上之后就变成了下图这个样子，代码一模一样，本地和服务器显示不一样

F12自己写的样式全被划掉了，有什么方法能知道为什么会被划掉么，而且是本地正常显示部署到服务器后失效

组件代码如下：

<el-radio-group v-model="isCollapse"  style="margin-bottom: 20px;">
    <el-radio-button :label="true" class="el-icon-arrow-left"></el-radio-button>
    <el-radio-button :label="false" class="el-icon-arrow-right"></el-radio-button>
</el-radio-group>

失效的css部分，即便加了 !important 也不好用

.el-radio-button__inner{
  color: inherit;
  background-color: inherit;
  border: none;
  display: none;
}

Answer 1

我用的是vue-cli搭的项目。在main.js中，router的引用放在element-ui引用的后面。如下：
import ElementUI from 'element-ui'
import router from './router'

Answer 2

解决了嘛 我也遇到这个问题了