前置条件: chrome浏览器
关于element UI的el-select下拉选择框的样式调整问题,将popper-append-to-body属性设置为false,则可以设置下拉内容的样式(以下是element UI官网的描述)
element Ui Select组件
<el-select v-model="svalue" placeholder="未选择项目" filterable clearable @change="handleButton" class="selectInput" :popper-append-to-body="false">
<el-option
v-for="item in projectList"
:key="item.id"
:label="item.projectName"
:value="item.id"
>
</el-option>
</el-select>
<style scoped>
.selectInput /deep/ .el-select-dropdown__item {
border-bottom: 1px solid #e1e1e1;
font-size: 16px;
height: 50px;
line-height: 50px;
}
</style>