el-select样式调整

前置条件: 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>

猜你喜欢

转载自blog.csdn.net/weixin_43908123/article/details/108012331