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

elementUi重置Select选择器样式、option、deep、vue3、plus

文章目录

  • 前言
  • select选框样式(element-plus)
  • option选项面板样式(element-plus)


前言

样式标签属性为<style scoped lang="scss"></style>


select选框样式(element-plus)

// 设置选择框的背景样式
::v-deep .el-input__wrapper {background: transparent;box-shadow: 0 0 0 0 transparent;font-size: 20px;
}// 设置选择框的鼠标经过样式
::v-deep .el-input__wrapper:hover {box-shadow: 0 0 0 0 transparent !important;
}// 设置选择框的宽
::v-deep .el-input__inner {width: 136px;
}// 设置选择框聚焦时的边框样式
::v-deep .el-select .el-input.is-focus .el-input__wrapper {box-shadow: 0 0 0 0 transparent !important;
}// 设置选择框赋值后的边框样式
::v-deep .el-select .el-input__wrapper.is-focus {box-shadow: 0 0 0 0 transparent !important;
}

option选项面板样式(element-plus)

.el-select-dropdown__item {width: 286px;
}
http://www.lryc.cn/news/108210.html

相关文章:

  • jar命令的安装与使用
  • windows系统多线程多进程下应用函数CloseHandle的一些细节
  • 微服务——elasticsearch
  • paddlenlp:社交网络中多模态虚假媒体内容核查
  • Centos系统有哪些特点呢
  • 一文学会git常用命令和使用指南
  • [PyTorch][chapter 46][LSTM -1]
  • 寄存器详解(二)
  • Java AIO
  • java集合总结
  • list交并补差集合
  • 【微信小程序】父组件修改子组件数据或调用子组件方法
  • frp通过nginx映射multipart/x-mixed-replace; boundary=frame流媒体出外网访问
  • Kubernetes概述
  • Jmeter教程
  • 用Rust实现23种设计模式之建造者模式
  • 聚观早报 | 腾讯字节等企业驰援防汛救灾;新能源车7月销量单出炉
  • Crack:CAD Exchanger SDK 3.20 Web Toolkit 应用
  • 改造 ChatGPT-Next-Web 项目重新生成 Docker 镜像
  • git修改commit日志
  • Qt之qml和widget混合编程调用
  • 深度学习torch基础知识
  • 【JAVA】正则表达式是啥?
  • 网络安全之原型链污染
  • 【腾讯云Cloud Studio实战训练营】使用Cloud Studio迅捷开发一个3D家具个性化定制应用
  • 【计算机网络】第四章 网络层(一)
  • Elasticsearch删除文档
  • MySQL数据库如何实现AX规范
  • mac安装nvm
  • 使用 ckeditor gem