css - element中不能改el-submenu样式, el-menu-item可以改(已参考git,不是scoped问题)?

问题描述

问 题

    <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose">
      <el-submenu index="1">
        <template slot="title"><i class="el-icon-message"></i>导航一</template>
        <el-menu-item-group>
          <template slot="title">分组一</template>
          <el-menu-item index="1-1">选项1</el-menu-item>
          <el-menu-item index="1-2">选项2</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-menu-item index="2"><i class="el-icon-menu"></i>导航二</el-menu-item>
      <el-menu-item index="3"><i class="el-icon-setting"></i>导航三</el-menu-item>
    </el-menu>

就是类似上边，做一个导航条的这种情况，在当前页的style里可以改变.el-menu-item的字号，写.el-menu-group或者.el-submenu都没有反应。
也参考了git中的issues #377,不是加了scoped的问题。
求问，非常感谢！

解决方案

自问自答：
按照在操作台中看到的class名，写在全局（非scoped）的style中即可，
此处的class名是.el-submenu__title

这篇关于css - element中不能改el-submenu样式, el-menu-item可以改(已参考git,不是scoped问题)?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！