首页 > 其他分享 >修改el-input el-select 默认hover focus样式

修改el-input el-select 默认hover focus样式

时间:2023-11-23 20:16:01浏览次数:54  
标签:el hover -- 1e2230 focus color input border

 :deep(.el-input) {
    --el-input-text-color: #1e2230;
    --el-input-border: #1e2230;
    --el-input-hover-border: #1e2230;
    --el-input-focus-border: #1e2230;
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: #1e2230;
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: #1e2230;
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: #1e2230;
    --el-input-clear-hover-color: #1e2230;
    --el-input-focus-border-color: #1e2230;
    --el-input-width: 100%;
  }

  

:deep(.el-select) {
  --el-select-border-color-hover: #1e2230;
  --el-select-disabled-border: #1e2230;
  --el-select-font-size: var(--el-font-size-base);
  --el-select-close-hover-color: #1e2230;
  --el-select-input-color: #1e2230;
  --el-select-multiple-input-color: #1e2230;
  --el-select-input-focus-border-color: #1e2230;
  --el-select-input-font-size: 14px;
}

 

标签:el,hover,--,1e2230,focus,color,input,border
From: https://www.cnblogs.com/ylblogs/p/17852374.html

相关文章

  • shell脚本——函数与数组
    函数函数和别名很像有些脚本会被反复使用alias脚本比较复杂函数脚本的别名使用函数可以避免代码重复,增加可读性,简化脚本定义函数名(){脚本}function函数名(){脚本}先定义在调用#!/bin/bashos(){ifgrep-iqcentos/etc/os-releasethenecho"该系统是cento......
  • delphi 时间格式化,动态显示时间,显示最新时间
    动态显示时间(需要Timer控制的支持,以下代码放到Timer事件中)Label1.Caption:=FormatDateTime('yyyy-mm-dd  hh:mm:ss',Now);显示当前时间(放在窗体的OnShow事件中)edit1.text:=FormatDateTime('YYYYMMDDHHMMSSZZZ',now());时间格式化Windows中的时间格式还真不少,什么......
  • JavaFx helloworld 坑
    系统LinuxMintIDEA创建的helloworld项目,用IDEA运行就僵住,然而用mvncleanjavafx:run却能成功————在系统terminal能成功,在IDEA的Terminal不行。不过我也是见怪不怪了,上次Jetbrains家的Rider运行Avalonia能出窗口,但是窗口是花的,到Avalonia报了issue,......
  • mixpanel 无法正确记录 可以试试是不是代理问题
      加入用户规则过滤不走代理的url 修改pac文件的方式设置不走代理的地址 ......
  • 在vue2.0 项目中集成 Electron 实现桌面端应用
    需求:在桌面端有个应用能直接打开项目,不用在浏览器中浏览。方案:vue2.0+Electron关于vue的项目搭建和electron的相关介绍可以去官网了解,这里是直接在已经开发好的vue2.0的项目中直接加入electron。electron介绍:参考1: https://electronjs.p2hp.com/参考2:https://www.......
  • 启动vite和electron项目配置多个主进程
    推荐concurrently点击查看代码"dev":"concurrently\"nodemon--execelectron.\"\"vite\"",成熟的脚手架日常开发可以使用electron-vite(opensnewwindow)或electron-vite-vue(opensnewwindow)、electron-react-boilerplate(open......
  • 【转载】Laravel10.x Session 储存到 Redis
    参考https://learnku.com/docs/laravel/10.x/session/14855#configurationhttps://blog.csdn.net/wen_3370/article/details/88072364注意经过测试Cache的内容默认存储到DB1经过测试Session配置为储存到Redis则默认存储到DB0环境软件/系统版本说明wi......
  • Linux SELinux介绍
    SELinux(Security-EnhancedLinux)是一个用于Linux操作系统的安全性增强功能。它是由美国国家安全局(NSA)开发的,后来开源并成为了Linux内核的一部分。SELinux提供了强化的安全性机制,其核心目标是提供一种强制访问控制(MandatoryAccessControl,MAC)的框架。相较于传统的基于用......
  • 【转载】Laravel10.x 使用 Redis
    参考https://blog.csdn.net/china773728236/article/details/123217974https://blog.csdn.net/CrayonShinChaner/article/details/120622009https://blog.csdn.net/l2x1314258/article/details/114965680https://learnku.com/docs/laravel/10.x/redis/14887(如果不方便开启p......
  • Vue + Element UI 实现复制当前行数据功能(复制到新增页面组件值不能更新等问题解决)
    1、需求使用Vue+ElementUI实现在列表的操作栏新增一个复制按钮,复制当前行的数据可以打开新增弹窗后亦可以跳转到新增页面,本文实现为跳转到新增页面。2、实现1)列表页index.vue<el-table><!--其他列--><el-table-columnlabel="操作"width="150"><templateslot-s......