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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
: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;
}
复制代码

 

posted @   小小小小小前端  阅读(1001)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
历史上的今天:
2021-11-23 element 合并表格
点击右上角即可分享
微信分享提示