element-plus 样式修改

element-plus官网

一个 Vue 3 UI 框架 | Element Plus (element-plus.org)https://element-plus.org/zh-CN/     

修改方式

        1. ::v-deep（推荐）、>>>、/deep/

        2. 全局样式文件修改，使用popper-class具体添加

//当前页面
//<el-select>
// 去除选择器背景色
::v-deep(.el-input__wrapper) {
   background-color: transparent;
   box-shadow: unset;
}

//全局样式文件
//<el-dropdown>
//修改下拉框的箭头颜色
.el-popper.is-light.topdrop .el-popper__arrow::before {
    background-color: #2D2F30;
    border-color: #2D2F30;
    box-shadow: rgba(34, 36, 37, 0.5) 1px 2px 10px;
}

调试建议

        1.F12

        2.查看文档，延长显示时间

<el-dropdown :hide-timeout="5000000" popper-class="topdrop" >
</el-dropdown>