一. popper-append-to-body (默认为true) 是否将弹出框插入至 body 元素。在弹出框的定位出现问题时,可将该属性设置为 false
注意:这边一定要将popper-append-to-body的值改为false,否则不生效
二.css代码
// 修改筛选框背景色及文字颜色样式
::v-deep .el-input__inner {
color: #fff;
background: rgba(8, 106, 255, 0.2);
border-color: rgba(8, 106, 255, 1);
}
// 去除筛选框下拉时自带的样式 border,添加背景色
::v-deep .el-select-dropdown {
border: none;
background-color: rgba(5, 30, 74, 0.95) !important;
}
// //下拉框选中
::v-deep .el-select-dropdown__item {
color: #eee;
}
// 鼠标经过下拉框
::v-deep .el-select-dropdown__item.hover {
color: #086aff;
background: transparent;
}
// 选中当前项文字颜色
::v-deep .el-select-dropdown__item.selected {
color: #fff;
}