Here is my solution with popper-class & popper-options <template> <el-dropdownpopper-class="custom-dropdown-poper":popper-options="{modifiers:[{ name:'offset', options:{ offset:[-10,0] } }]}"> Dropdown List <template#dropdown> <el-dropdown-menu> <el-dropdown-item>Action 1</...
.el-select { .el-select-dropdown { .el-scrollbar { .el-select-dropdown__wrap { .el-scrollbar__view { .el-select-dropdown__item:hover { background-color: #baf; } } } } } } 补充 有网友说,popper-append-to-body要搭配popper-class一块使用,其实并不一定需要搭配使用,只要让对应元素...
dropdown__item:hover{color:#409eff;}//修改的是下拉框选项内容上方的尖角/deep/.el-popper.popper__arrow,.el-popper.popper__arrow::after{display:none;}}
下拉框 popper-append-to-body: 此属性是用来判断是否将弹出框(options)插入值body元素中,接受一个布尔值,默认值为true 当需要修改其样式时,可将其属性值设置为false https://blog.csdn.net/qq_43432158/article/details/122497039 //选择下拉框//option最外层.el-select-dropdown { background: rgba(8,27,69...
/deep/ .el-select-dropdown__item.hover, /deep/ .el-select-dropdown__item:hover{ color:#409eff; } //修改的是下拉框选项内容上方的尖角 /deep/ .el-popper .popper__arrow, .el-popper .popper__arrow::after{ display: none; } }
ref="popper" :append-to-body="popperAppendToBody" v-show="visible && emptyText !== false"> <el-scrollbar tag="ul" wrap-class="el-select-dropdown__wrap" view-class="el-select-dropdown__list" ref="scrollbar" :class="{ 'is-empty': !allowCreate && query && filteredOptionsCount =...
popper-append-to-body="false"v-down="loadmore"clearable><el-optionv-for="item in options":key...
//item选项的hover样式 /deep/ .el-select-dropdown__item.hover, /deep/ .el-select-dropdown__item:hover{ color:#409eff; } //修改的是下拉框选项内容上方的尖角 /deep/ .el-popper .popper__arrow, .el-popper .popper__arrow::after{ display: none; } }...
.el-select-dropdown__item:hover{ color:#409eff; } // The change is the sharp corner above the contents of the drop-down box options /deep/ .el-popper .popper__arrow, .el-popper .popper__arrow::after{ display: none; } }
<transitionname="el-zoom-in-top"@before-enter="handleMenuEnter"@after-leave="doDestroy"><el-select-menuref="popper":append-to-body="popperAppendToBody"v-show="visible && emptyText !== false"><el-scrollbartag="ul"wrap-class="el-select-dropdown__wrap"view-class="el-select-dropdown__...