修改el-select背景顏色

修改el-select背景顏色

在這里插入圖片描述

/* 修改el-select樣式--直接覆蓋默認樣式(推薦) */
::v-deep .el-select .el-input__inner {background-color: #1d2b72 !important; /* 修改輸入框背景色 */color: #fff;
}
::v-deep .el-select .el-input__wrapper {background-color: transparent !important; /* 修改左側空空處和右側icon背景色 */box-shadow: 0 0 0 1px #409eff inset; /* 修改未選中時下拉框邊框顏色 */
}::v-deep .el-select-dropdown__item {background-color: #1d2b72 !important; /* 修改下拉選項背景色 */color: #fff;margin: 0;
}
::v-deep .el-select-dropdown__list {list-style: none;margin: 0 !important;
}
::v-deep .el-popper.is-light {border: 1px solid #409eff; /* 修改下拉區域邊框顏色 */
}

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/pingmian/78636.shtml
繁體地址,請注明出處:http://hk.pswp.cn/pingmian/78636.shtml
英文地址,請注明出處:http://en.pswp.cn/pingmian/78636.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Unity-粒子系統:螢火蟲粒子特效效果及參數

螢火蟲特效由兩部分組成。螢火蟲粒子底色粒子面片。螢火蟲的旋轉飛動主要由 Noise參數和Color over Lifetime模塊控制。 貼圖:中間實周邊虛的圓,可隨意自行制作 Shader:Universal Render Pipeline/2D/Sprite-Lit-Default 以下是粒子詳細參…

K8S Service 原理、圖例——深度好文

一、理論介紹 1.1、3W 法則 1、是什么? Service 是一種為一組功能相同的 pod 提供單一不變的接入點的資源。當 Service 存在時,它的IP地址和端口不會改變。客戶端通過IP地址和端口號與 Service 建立連接,這些連接會被路由到提供該 Service 的…

Alibaba Cloud Linux 3.2104 LTS 64位 容器優化版安裝docker docker compose記錄

整個安裝過程耗時4小時。(包含以下檢查內容:) 檢查該linux版本信息(并通過監控指標檢查運行狀態/cpu占用/內存占用/磁盤讀取寫入IOPS /同時連接數) 1:根據當前的系統進行yum與dnf的升級,保持穩定修復的版本…

STM32N6570-DK ISP調試

STM32N6570-DK之ISP調試應用 準備工作-下載安裝軟件包:一、使用STM32CubeProgrammer給板子燒入STM32N6_ISP_IQTune_App_revC01-v1.1.0-trusted.bin。二、打開STM32 ISP IQTune.exe ,出現可連接端口:三、根據教程進行相應調試:準備工作-下載安裝軟件包: https://www.st.co…

12.thinkphp驗證

一.驗證器定義 1. 驗證器的使用,我們必須先定義它,系統提供了一條命令直接生成想要的類; php think make:validate User 2. 這條命令會自動在應用目錄下生成一個validate文件夾,并生成User.php類; class…

OpenWrt 與 Docker:打造輕量級容器化應用平臺技術分享

文章目錄 前言一、OpenWrt 與 Docker 的集成前提1.1 硬件與內核要求1.2 軟件依賴 二、Docker 環境部署與驗證2.1 基礎服務配置2.2 存儲驅動適配 三、容器化應用部署實踐3.1 資源限制策略3.2 Docker Compose 適配 四、性能優化與監控4.1 容器資源監控4.2 鏡像精簡策略 五、典型問…

EasyRTC音視頻實時通話嵌入式SDK,打造社交娛樂低延遲實時互動的新體驗

一、方案背景 在數字化時代,社交娛樂已經成為人們生活中不可或缺的一部分。隨著移動互聯網和智能設備的普及,用戶對實時互動的需求越來越高。EasyRTC作為一款基于WebRTC技術的實時音視頻通信解決方案,憑借其低延遲、高穩定性和跨平臺兼容性&…

軟件編程命名規范

編程命名規范是保證代碼可讀性、可維護性和團隊協作效率的重要基礎。以下是涵蓋主流編程語言的通用命名規范,結合行業最佳實踐和常見規范(如Google、Microsoft、Airbnb等風格指南): 一、通用命名原則 清晰優先:名稱應…

換張電話卡能改變IP屬地嗎?一文解讀

在互聯網時代,IP屬地(即網絡定位信息)的顯示引發了許多用戶的關注。有人好奇:更換電話卡(SIM卡)是否能改變自己的IP屬地?本文將解析IP屬地的定義、電話卡的作用,并深入探討兩者之間的…

前端:純HTML、CSS和JS菜單樣式

實現了一個多級折疊菜單系統,使用純HTML、CSS和JavaScript(無任何框架) 一、二級菜單展開 1、實現效果 初始狀態-展示全部一級菜單 選中共狀態,一級標題選中共為藍色背景色,二級標題選中共為藍色文字,展開右側圖標為-,后縮狀態右側圖標為+ 2、實現 ??HTML結構?? …

Centos8 安裝 Docker

yum 更換國內源 1. 備份原 yum 配置 cd /etc/yum.repos.d/ mkdir backup mv *.repo backup/2. 下載新 yum 配置(阿里源) wget -O /etc/yum.repos.d/CentOS-Base.repo https://mirrors.aliyun.com/repo/Centos-8.repo3. 替換源中的系統版本變量 sed -…

AI測試工具Testim——告別自動化測試維護難題

隨著人工智能技術的快速發展,AI測試工具正在成為提升軟件研發效能的關鍵。每款AI的特性各有差異,今天,我們就給大家介紹一款專注于Web和移動應用的端到端的AI測試工具--Testim。 Testim的簡介 官網地址:https://www.testim.io/ 簡…

【默子AI】萬字長文:MCP與A2A協議詳解

【默子AI】萬字長文:MCP與A2A協議詳解 引言: 讓一個大模型憑空解決所有問題,就像讓一個書呆子不借助工具就去修汽車 即便他腦子里裝滿了理論知識,也缺少實踐的“手腳”。 長期以來,AI助手(尤其是LLM&#x…

LeNet5 神經網絡的參數解析和圖片尺寸解析

1.LeNet-5 神經網絡 以下是針對 LeNet-5 神經網絡的詳細參數解析和圖片尺寸變化分析,和原始論文設計,通過分步計算說明各層的張量變換過程。 經典的 LeNet-5架構簡化版(原始論文輸入為 32x32,MNIST 常用 28x28 需調整&#xff09…

第二節:文件系統

理論知識 文件系統的基本概念:文件系統是操作系統中負責管理持久數據的子系統,它將數據組織成文件和目錄的形式,方便用戶存儲和訪問數據。Linux文件系統的類型:常見的 Linux 文件系統類型有 Ext2、Ext3、Ext4、XFS、Btrfs 等。Ex…

Python數據結構與算法(5)——動態規劃

Python數據結構與算法(5)——動態規劃 0. 學習目標1. 動態規劃的基本概念1.1 什么是動態規劃1.2 動態規劃的核心思想1.3 動態規劃的適用條件2. 動態規劃的實現思路2.1 自頂向下:備忘錄法 (Memoization)2.2 自底向上:表格法(Tabulation)3. 0/1 背包問題4. 最長公共子序列5…

【JAVA ee初階】多線程(3)

一、出現線程安全的原因 1.【根本原因】線程的調度執行時隨機的(搶占式執行)->罪魁禍首 2.多個線程同時修改同一個變量 如果是一個線程修改一個變量 或者 多個線程讀取同一個變量 或者 多個線程修改不同變量 這些都沒事。 3.修改操作不是原子的&a…

Halcon 3D 表面匹配基于形狀

文章目錄 prepare_object_model_3d 準備 3D 物體模型read_shape_model_3d — 讀取3D匹配模型create_shape_model_3d 準備要匹配的3D模型find_shape_model_3d ——發現匹配模型project_shape_model_3d 將三維形狀模型的邊緣投影到圖像坐標中。示例ignore_part_polarity&#xff…

【Linux】Java 開發者的 Linux 常用命令指南

Java 開發者的 Linux 常用命令指南 目錄標題 Java 開發者的 Linux 常用命令指南1. Linux 目錄結構2. 系統信息命令3. 服務管理系統服務防火墻管理 4. 文本編輯 (vi/vim)常用模式 5. 文件和目錄操作查看與導航創建與刪除查看文件內容查找文件 6. 用戶管理7. 壓縮和解壓8. 權限管…

每日c/c++題 備戰藍橋杯(P1252洛谷 馬拉松接力賽)

洛谷P1060 馬拉松接力賽題解:貪心算法在資源分配中的巧妙應用 題目描述 P1060 馬拉松接力賽是一道結合貪心策略與動態規劃思想的資源分配問題。題目要求將25公里的馬拉松接力賽合理分配給5名選手,使得總耗時最短。每位選手可跑1-10公里的整數距離&…