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>

这样就阔以单独更改某个下拉框的效果

上一篇 下一篇

猜你喜欢

热点阅读