el-select style adjustment

Preconditions:
Regarding the style adjustment of the el-select drop-down selection box of element UI in chrome browser , set the popper-append-to-body attribute to false, then you can set the style of the drop-down content (the following is the description of element UI official website )
Insert picture description here
Element Ui Select component

<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>

Guess you like

Origin blog.csdn.net/weixin_43908123/article/details/108012331