粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

我想在Navbar上面做一個active 灰背景的效果
我的css為
.router-link-active,
.router-link-exact-active{
opacity: 0.3;
border-radius: 3px;
background-color: #ffffff;
}

router-link 大概是長這樣

      <div @click="hideMenu()" >
        <router-link class="nav-item nav-link " to="/admin/overview"><i class="fas fa-chart-pie eiu-nav-icon"></i>
      <span class="eiu-nav"> Overview</span>
        </router-link>
      </div>

=============================
但背景直接把我的文字給覆蓋掉了
請問有人知道該怎麼辦嗎?