ElementUi怎样让导航默认选中的样式是这样子的？

Question

图一是默认选中的样式 图二是点击一次后选中的样式 图一只有文字变了 背景没有变 我想要默认选中的是图2中的样子应该怎么办呢？

<el-menu
            default-active="/user"
            class="el-menu-vertical-demo"
            :router="true">
            <el-menu-item index="/user">
              <template slot="title">
                <i class="el-icon-user-solid"></i>
                <span>用户</span>
              </template>
            </el-menu-item>
            <el-menu-item index="/article">
              <i class="el-icon-document"></i>
              <span>文章</span>
            </el-menu-item>
            <el-menu-item index="/comment">
              <i class="el-icon-chat-line-round"></i>
              <span>评论</span>
            </el-menu-item>
            <el-menu-item index="/collection">
              <i class="el-icon-collection-tag"></i>
              <span>收藏</span>
            </el-menu-item>
          </el-menu>

Answer 1

它源代码是再获取focus时，添加了背景色，如果要实现你想要的结果，将它的源代码的css .is-active添加背景色就可以了