element plus 去掉select选择框的边框,并修改右侧图标
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element

·
1.去掉选择框边框
::v-deep .el-select__wrapper{
box-shadow: none;
}
::v-deep .is-hovering{
box-shadow: none !important;
}
2.修改选择框右侧图标
- 新建CaretBottom.vue文件
- 内容:
<template>
<el-icon>
<CaretBottom />
</el-icon>
</template>
- 将新建的vue文件引入到select选择框所在的文件
import CaretBottom from '../components/CaretBottom.vue';
- 使用,添加:teleported=“false”, :suffix-icon=“CaretBottom”
<el-select v-model="searchvalue" :teleported="false" placeholder="请选择" :suffix-icon="CaretBottom" ">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
</el-select>




A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:8 个月前 )
c345bb45
1 年前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 1 年前
更多推荐
所有评论(0)