想为这个下拉设置背景色

Question

        <el-menu
          mode="horizontal"
          class="user-info"
          text-color="#888888"
          active-text-color="#888888"
          :router="true"
          default-active="1"
        >
          <el-submenu index="1" popper-class="menu" style="height:50px; float: right;">
            <template slot="title" style="line-height: 50px;height: 50px;">
              您好，{{userRealname}}医生
            </template>
            <el-menu-item index="1-1"  route="/change_pwd">
              修改密码</el-menu-item>
            <el-menu-item index="1-2" @click="logout">退出</el-menu-item>
          </el-submenu>
        </el-menu>

想为这个下拉设置背景色，官方文档提供了一个popper-class类，但是设置上好像没什么用，想知道怎么改

Answer 1

这个下拉框实际渲染之后是这样的，可以看到通过 popper-class="amenu"已经添加在了外层div上所以控制下拉框得时候只需要写成 .amenu li{}即可<div&nbsp;class="el-menu--horizontal&nbsp;amenu"&nbsp;x-placement="bottom-start">&nbsp;&nbsp;&nbsp;&nbsp;<ul&nbsp;role="menu"&nbsp;class="el-menu&nbsp;el-menu--popup&nbsp;el-menu--popup-bottom-start"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li&nbsp;data-v-2a5103e1=""&nbsp;role="menuitem"&nbsp;tabindex="-1"&nbsp;class="el-menu-item"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;修改密码&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li&nbsp;data-v-2a5103e1=""&nbsp;role="menuitem"&nbsp;tabindex="-1"&nbsp;class="el-menu-item"&nbsp;> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;退出&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li> &nbsp;&nbsp;&nbsp;&nbsp;</ul></div>