想为这个下拉设置背景色

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 class="el-menu--horizontal amenu" x-placement="bottom-start">    <ul role="menu" class="el-menu el-menu--popup el-menu--popup-bottom-start">
        <li data-v-2a5103e1="" role="menuitem" tabindex="-1" class="el-menu-item">
           修改密码        </li>
        <li data-v-2a5103e1="" role="menuitem" tabindex="-1" class="el-menu-item" >
            退出        </li>
    </ul></div>