Element下拉菜单＜el-dropdown＞样式修改

系统默认样式：

修改后样式：

html部分：

<el-dropdown @command="handleCommand" active-text-color="#0ccfc9">
                    <span class="el-dropdown-link">管理班级

                           <i class="el-icon-caret-bottom"></i></span>
                    <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item command="a">转让班级</el-dropdown-item>
                        <el-dropdown-item command="b">导入学生</el-dropdown-item>
                        <el-dropdown-item command="c">导出学生</el-dropdown-item>
                    </el-dropdown-menu>

</el-dropdown>

css部分：

/* 菜单标题文字颜色*/
    .el-dropdown-link {
        cursor: pointer;
        color: #0ccfc9;
    }

/* 鼠标移入后展现的样式修改*/
    .el-dropdown-menu__item:not(.is-disabled):hover {
        background-color: #0ccfc9;
        color: #fff;
    }

/*下拉框字体颜色*/
    .el-dropdown-menu__item {
        color: #ccc;
    }