在页面底部添加一个el-select组件,发现下拉框和输入框不贴合
网上的方法都是设置 :popper-append-to-body="false",再去调整样式::v-deep .el-select .el-select-dropdown
但这样设置之后,下拉框就固定在输入框下方,这个方法显然是不适用的
通过设置.el-select 和 ::v-deep .el-select .el-input__inner 的背景颜色,发现这两个框未重合,界面显示的是el-input__inner,但下拉框的位置是由el-select决定的(贴合)
.el-select{
background: red;
}
::v-deep .el-select .el-input__inner {
background: yellow;
}
所以只需调整样式,让两个框重合就好啦
.el-select{
/* background: red; */
height:25px;
top:8px;
color: white;
padding-top: 2px;
}
::v-deep .el-select .el-input__inner {
/* background: yellow; */
position:absolute !important;
background-color: transparent !important;
height: 25px;
left:0px
}