当前位置: 首页 > news >正文

element plus 去掉select选择框的边框,并修改右侧图标

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>
http://www.lryc.cn/news/357164.html

相关文章:

  • Ceph KernelFuse GetSet Quota
  • JVM学习-字节码指令集(二)
  • 解密网络流量监控:优化IT运维的利器
  • oracle 分区表常用语句(2)
  • Python函数式编程进阶:用函数实现设计模式
  • Ingress controller:Kubernetes 的瑞士军刀
  • uniapp tabBar app页面滚动闪屏的问题
  • 【计算机毕业设计】388微信小程序足球赛事及队伍管理系统
  • 监控易监测对象及指标之:华为FusionInsight Kafka服务全方位监控
  • Python装饰器的应用
  • 【数据结构与算法 | 基础篇】力扣232, 225
  • 内网(极空间)搭建gitlab跳板机转发端口及域名配置
  • 如何知道自己电脑的 Shell类型是什么?
  • Axios的使用简单说明
  • 查找list集合中,持续时间>=ContinueTime的数据集合,保存在新的list中
  • nginx 反向代理配置详解
  • 微信小程序毕业设计-农场驿站平台系统项目开发实战(附源码+论文)
  • CAN总线应用协议CANopen
  • htop安装不了怎么解决
  • vue 笔记02
  • MySQL8.0免安装及phpmyadmin配置
  • 【目标解算】相机内外参数详细解读+坐标系转换
  • 【Unity】颜色混合计算
  • Vue源码解析
  • Linux---网络相关配置
  • MATLAB分类与判别模型算法:基于Fisher算法的分类程序【含Matlab源码 MX_002期】
  • 长文总结 | Python基础知识点,建议收藏
  • centos中使用Docker安装rabbitmq记录
  • STM32系列-STM32介绍
  • 网络原理 一