JZTXT

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

发布时间 2023-11-23 20:00:43作者: 小小小小小前端
 :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;
}