关于element-ui的样式修改

393 阅读1分钟

1、element UI 组件库中的 select多选 选择器 中下拉列表默认选中样式的修改在页面渲染的时候,总是渲染为仅次于body级别的div,所以添加样式无效

1616403687(1).png 可以按照下面的修改

.el-select-dropdown .el-select-dropdown__item.selected{
    background:#0062A8 !important;
 }

或是在el-selec通过popper-class添加自定义的class

1616403904(1).png

2、下拉框位置偏移


/deep/ .el-select-dropdown {
    top: 50px !important;
    left: 0 !important;
}