如何修改这个表单的高度表单通过elementui做的

Question

<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" >
  <el-menu-item index="1" class="fontClass">艺术梦想基金</el-menu-item>
  <el-menu-item index="1" class="fontClass">NFT销毁</el-menu-item>
  <el-menu-item index="1" class="fontClass">NFT</el-menu-item>
  <el-menu-item index="1" class="fontClass">平台清理</el-menu-item>
  <el-menu-item index="1" class="fontClass">白皮书</el-menu-item>
  <el-menu-item index="1" class="fontClass">处理中心</el-menu-item>
  <el-menu-item index="1" class="fontClass">处理中心</el-menu-item>

.el-menu-demo{
height: 30px;
}
/* 取消下划线 */
.el-menu--horizontal > .el-menu-item.is-active {
border-bottom: none;
border:1px solid #000;
}
.el-menu.el-menu--horizontal{
border-bottom: none;
}
.el-menu-item{
border:1px solid #000;
outline: 1 !important;
}

.fontClass{
font-size:12px;
font-family: Microsoft Yahei;
height: 20px;
}

![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/47205065894619.png "#left")

Answer 1

你修改这个class就可以了，最好在el-menu外层加一个class，比如menuMain

.menuMain .el-menu--horizontal>.el-menu-item{
  height: 80px; //如果没效果可以加个!important
}