修改el-select下拉框的高度
给el-select添加如下图红框中的两行代码。<el-select@change="currentSel($event, key)"v-model="item.item_id"placeholder="请选择"clearablepopper-cl..
·
给el-select添加如下图红框中的两行代码。
<el-select
@change="currentSel($event, key)"
v-model="item.item_id"
placeholder="请选择"
clearable
popper-class="eloption"
:popper-append-to-body="true"
>
<el-option
v-for="ii in inspectionItems"
:key="ii.id"
:label="ii.itemName"
:value="ii.id"
>
</el-option>
</el-select>
找到控制下拉框高度的class类,然后在全局中覆盖掉该类。eloption是el-select设置的popper-class的值。.el-select-dropdown__wrap是控制下拉框高度的。(重写框架样式最好是在scoped里面局部修改,但是不知道为何不生效)
<style >
.eloption .el-select-dropdown__wrap {
background-color: bisque !important;
max-height: 350px !important;
}
</style>
像下面这个写法就不生效,但是没有找到不生效的原因
<style scoped>
/* 不生效 */
.eloption /deep/ .el-select-dropdown__wrap {
background-color: bisque !important;
max-height: 350px !important;
}
/* 不生效 */
.eloption >>> .el-select-dropdown__wrap {
background-color: bisque !important;
max-height: 350px !important;
}
</style>
修改后的样式
更多推荐
所有评论(0)