element修改el-select选中颜色不生效(类名:.el-select-dropdown__item.selected)

1.el-select选中默认颜色

2.使用less修改 .el-select-dropdown__item.selected样式

/deep/ .el-select-dropdown__item.selected{
    color: #149f97 ;
}

3.修改后不生效,给el-select添加属性 popper-append-to-body="false"。
(popper-append-to-body:是否将弹出框插入至 body 元素。在弹出框的定位出现问题时,可将该属性设置为 false)


4.总结
(1)el-select 添加popper-append-to-body属性

<el-select placeholder="请选择" :popper-append-to-body="false">
...
</<el-select>

(2)修改样式

/deep/ .el-select-dropdown__item.selected{
    color: #149f97 ;
}
posted @ 2022-08-29 09:37  胡同树下  阅读(4476)  评论(0)    收藏  举报