element導(dǎo)航的展開收起組件的默認樣式是這樣的，我不想使用這個組件樣式

于是自己我改成了上圖這樣，用兩個小圖標實現(xiàn)導(dǎo)航的展開收起，本地打開沒有問題，但是我build vue到服務(wù)器上之后就變成了下圖這個樣子，代碼一模一樣，本地和服務(wù)器顯示不一樣

F12自己寫的樣式全被劃掉了，有什么方法能知道為什么會被劃掉么，而且是本地正常顯示部署到服務(wù)器后失效

組件代碼如下：

<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;
}