Vue3：修改下拉框el-select的样式

article2025/1/5 11:24:01/文章来源:https://blog.csdn.net/Junehhh/article/details/134836550

问题

在Vue3项目中，使用了elemen-plus的下拉框，但是使用深度修改下拉框的样式（比如下拉框的背景颜色）一直不生效

解决

给下拉框框添加 popper-class属性，属性名根据需求取，比如这里取的是"selectStyle"

在这里插入图片描述

将下拉框的样式单独在写一个style标签（否则没有效果）
根据需求对下拉框的样式进行对应的修改就好啦~

其他

参考文章

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/234083.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

【Docker】进阶之路：（一）容器技术发展史

【Docker】进阶之路：（一）容器技术发展史什么是容器为什么需要容器容器技术的发展历程Docker容器是如何工作的什么是容器容器作为一种先进的虚拟化技术，已然成为了云原生时代软件开发和运维的标准基础设施。在了解容器技术之前…

137.只出现一次的数字II class Solution {public int singleNumber(int[] nums) {Map<Integer,Integer> map new HashMap<>();for(int num : nums){Integer count map.get(num);if(count null){count 1;}else{count;}map.put(num,count);}for(Integer val:map.…

2023年安全员-B证证考试题库及安全员-B证试题解析

题库来源：安全生产模拟考试一点通公众号小程序 2023年安全员-B证证考试题库及安全员-B证试题解析是安全生产模拟考试一点通结合（安监局）特种作业人员操作证考试大纲和（质检局）特种设备作业人员上岗证考试大纲随机出的…

LeetCode---374周赛

题目列表 2951. 找出峰值 2952. 需要添加的硬币的最小数量 2953. 统计完全子字符串 2954. 统计感冒序列的数目一、找到峰值这个简单的模拟，代码如下 class Solution { public:vector<int> findPeaks(vector<int>& mountain) {int nmountain…

【附源码】完整版，Python+Selenium+Pytest+POM自动化测试框架封装

目录：导读前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结（尾部小惊喜） 前言 1、测试框架简介 …

[每周一更]-(第76期)：Go源码阅读与分析的方式

读源码可以深层理解Go的编写方式，理解作者们的思维方式；也有助于对Go语法用法深刻的理解，我们从这一篇说一下如何读源码，从哪些源码着手，从简单到深入的方式学习源码； 学习源码也是一个修炼过程&#xff0…

科技改变旅游，道观漫游可视化：智能化管理助力道观游览

道观漫游可视化是一种通过技术手段实现道观游览的可视化展示方式，让游客能够更加直观地了解道观的历史、文化和建筑特色。随着旅游业的不断发展，道观漫游可视化已经成为了旅游行业中的一个重要方向，吸引了越来越多的游客前来体验。道观漫游…

Excel 动态拼接表头实现导出

public class Column {//单元格内容private String content;//字段名称，用户导出表格时反射调用private String fieldName;//这个单元格的集合private List<Column> listTpamscolumn new ArrayList<Column>();int totalRow;int totalCol;int row;//exc…

vue使用echarts显示中国地图

项目引入echarts以后，在页面创建canvas标签引入一个公共js文件（下面这段代码就是china.js文件） (function (root, factory) {if (typeof define function && define.amd) {// AMD. Register as an anonymous module.define([ex…

孜然地址引导页V9(带后台)

刚刚在浏览之前经常访问的网站的时候我发现他不用那个域名了，然后我见这个页面好看，就把他干下来了，然后把给他写了个后台。另外如果你的子页面收录多的话，人家百度访问你的子页面会显示404的，所以为了流量可观安装这个…

【带头学C++】----- 九、类和对象 ---- 9.8 动态对象创建

目录 9.8 动态对象创建 9.8.1 动态创建对象基础概念 9.8.2 C语言创建动态对象的 9.8.3 new创建动态对象 9.8.4 delete释放动态对象 9.8.5 动态对象数组 9.8 动态对象创建 9.8.1 动态创建对象基础概念在创建数组时，我们通常需要预先指定数组的长度&#xff0…

三个臭皮匠（ctr,nerdctl,crictl）顶一个诸葛亮（docker）

文章目录 containerd简介 nerdctl简介安装精简 Minimal 安装完整Full 安装启动服务命令参数容器运行容器列出容器详情容器日志容器进入容器停止容器删除镜像列表镜像拉取镜像标签镜像导出镜像导入镜像删除镜像构建配置tab键配置加速配置仓库http方式https方式 ctr简介命令参数…

java--Calendar

1.Calendar ①代表的是系统此刻时间对应的日历 ②通过它可以单独获取、修改时间中的年、月、日、时、分、秒等(月份是从0开始的)。 2.Calender日历类的常见方法注意：calender是可变对象，一旦修改后其对象本身表示的时间将产生变化。

8. MySQL 触发器

目录概述定义触发器特性： 基础操作创建触发器 NEW和OLD 其他操作查看触发器删除触发器注意事项概述定义触发器，就是一种特殊的存储过程。触发器和存储过程一样是一个能够完成特定功能、存储在数据库服务器上的SQL片段，但是触…

Serverless单体架构的崛起

在过去的几十年里，我们见证了应用架构以快速的速度演变。当我还是一个年轻的程序员时，开始编写一个简单的代码库，我们可以称之为单体应用。我记得为前端编写了一些HTML/CSS，后端用了一些Java。但后来，随着时代发展和…

系统设计之Nginx

一、Nginx是什么 Nginx ("engine x") 是一个开源的，支持高性能、高并发的 Web 服务和代理服务软件。它是由俄罗斯人 Igor Sysoev 开发的，最初被应用在俄罗斯的大型网站 www.rambler.ru 上。后来作者将源代码以类 BSD 许可的形式开源出来供全球…

2023年山东省职业院校技能大赛信息安全管理与评估第一阶段样题

2023年山东省职业院校技能大赛信息安全管理与评估样题竞赛需要完成三个阶段的任务，分别完成三个模块，总分共计 1000 分。三个模块内容和分值分别是： \1. 第一阶段：模块一网络平台搭建与设备安全防护（240 分钟&…

Nginx负载均衡实战

🎵负载均衡组件 ngx_http_upstream_module https://nginx.org/en/docs/http/ngx_http_upstream_module.html upstream模块允许Nginx定义一组或多组节点服务器组，使用时可以通过多种方式去定义服务器组样例： upstream backend {server back…

2023中国（海南）国际高尔夫旅游文化博览会暨国际商界峰层·全球华人高尔夫精英巡回赛全国颍商自贸港行盛大启幕

2023中国（海南）国际高尔夫旅游文化博览会（以下简称“海高博”）暨全国颍商走进海南自贸港于12月7-9日在海口观澜湖盛大开幕。该活动由中国国际贸易促进委员会海南省委员会、海南省旅游和文化广电体育厅主办，中国国际商会…

windows安装rabbitmq

注：安装 rabbitmq 之前需要先安装 erlang 语言包，否则安装过程会报错 erlang 语言包名称：otp_win64_25.3.2.3.exe。erlang 和 rabbitmq 有严格的版本对应。部分版本对应： 安装 1、安装 erlang 并配置环境变量 1.1 双击 otp_…