vue-cli3-element-ui select选择器,po
2020-12-25 本文已影响0人
郝艳峰Vip
前言
在项目中遇到的问题,修改selecet选择器,popover弹出框的样式时失效,在这里记录录一下,方便以后使用。
第一步:官方文档中的popper-class
<el-select
v-model="couponIdCopy"
placeholder=" "
@change="changeCoupon"
class="change-coupon-select"
popper-class="Change_small_arrow"
>
<el-option value="123" label=" ">
<span>Don't use any coupon now</span>
</el-option>
</el-select>
第二步,style
样式列表不要在scoped下边写,就会生效,
这里使用deep也阔以
<style lang="less">
.Change_small_arrow {
.popper__arrow {
left: 50% !important;
}
}
</style>
这样就阔以单独更改某个下拉框的效果