Просмотр исходного кода

fix(input): focus hover state border color bug #234 (#332)

走鹃 3 лет назад
Родитель
Сommit
24dc428729
2 измененных файлов с 3 добавлено и 1 удалено
  1. 2 0
      packages/semi-foundation/input/input.scss
  2. 1 1
      packages/semi-foundation/input/variables.scss

+ 2 - 0
packages/semi-foundation/input/input.scss

@@ -73,10 +73,12 @@ $module: #{$prefix}-input;
 
 
         &:hover {
         &:hover {
             background-color: $color-input_default-bg-focus;
             background-color: $color-input_default-bg-focus;
+            border-color: $color-input_default-border-focus;
         }
         }
 
 
         &:active {
         &:active {
             background-color: $color-input_default-bg-focus;
             background-color: $color-input_default-bg-focus;
+            border-color: $color-input_default-border-focus;
         }
         }
     }
     }
 
 

+ 1 - 1
packages/semi-foundation/input/variables.scss

@@ -4,7 +4,7 @@ $color-input_default-bg-default: var(--semi-color-fill-0); // 输入框背景颜
 $color-input_default-text-default: var(--semi-color-text-0); // 输入框文本颜色 - 默认
 $color-input_default-text-default: var(--semi-color-text-0); // 输入框文本颜色 - 默认
 
 
 $color-input_default-bg-hover: var(--semi-color-fill-1); // 输入框背景颜色 - 悬浮
 $color-input_default-bg-hover: var(--semi-color-fill-1); // 输入框背景颜色 - 悬浮
-$color-input_default-border-hover: transparent·; // 输入框描边颜色 - 悬浮
+$color-input_default-border-hover: transparent; // 输入框描边颜色 - 悬浮
 
 
 $color-input_default-bg-active: var(--semi-color-fill-2); // 输入框背景颜色 - 按下
 $color-input_default-bg-active: var(--semi-color-fill-2); // 输入框背景颜色 - 按下
 $color-input_default-border-active: $color-input_default-bg-active; // 输入框描边颜色 - 按下
 $color-input_default-border-active: $color-input_default-bg-active; // 输入框描边颜色 - 按下