ElementUI 去掉el-select下拉框的小三角图案

最新推荐文章于 2024-08-06 15:24:17 发布

半城风月-

最新推荐文章于 2024-08-06 15:24:17 发布

阅读量1.5k

点赞数 17

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_44443380/article/details/135621073

版权

1、效果图

2、代码

（1）表单： popper-class="selectMenuOption" :popper-append-to-body="false"

<el-select @change="" v-model="form.clusterType" placeholder="请选择集群" popper-class="selectMenuOption" :popper-append-to-body="false">
  <el-option v-for="item in clusterTypeList" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>

（2）样式：

.el-select-dropdown.el-popper.selectMenuOption .popper__arrow {
  border-bottom-color: transparent !important;
  border-style: none !important;
}

.selectMenuOption.el-popper[x-placement^=bottom] .popper__arrow::after  {
  border-bottom-color: transparent !important;
  border-style: none !important;
}