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分支:2 个月前 )
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 年前
新一代开源开发者平台 GitCode,通过集成代码托管服务、代码仓库以及可信赖的开源组件库,让开发者可以在云端进行代码托管和开发。旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。
更多推荐



所有评论(0)