fix(input): fix input disabled border style (#2341)

opentiny · Oct 21, 2024 · 3175340 · 3175340
1 parent 5661ab5
commit 3175340
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/theme/src/textarea/index.less b/packages/theme/src/textarea/index.less
@@ -54,7 +54,7 @@
 
   &.is-disabled &__inner {
     background-color: var(--tv-Textarea-disabled-bg-color);
-    border-color: var(--tv-Textarea-border-color);
+    border-color: var(--tv-Textarea-disabled-border-color);
     color: var(--tv-Textarea-disabled-text-color);
     cursor: not-allowed;
     .placeholder(@color: var(--tv-Textarea-placeholder-text-color));
@@ -72,7 +72,7 @@
     }
 
     &:hover {
-      border-color: var(--tv-Textarea-border-color);
+      border-color: var(--tv-Textarea-disabled-border-color);
     }
   }
 

diff --git a/packages/theme/src/textarea/vars.less b/packages/theme/src/textarea/vars.less
@@ -35,6 +35,8 @@
   --tv-Textarea-placeholder-text-color: var(--tv-color-text-placeholder);
   // 文本域disabled时的文本颜色
   --tv-Textarea-disabled-text-color: var(--tv-color-text-disabled);
+  // 文本域disabled时的边框颜色
+  --tv-Textarea-disabled-border-color: var(--tv-color-border-disabled);
   // 文本域disabled时的背景颜色
   --tv-Textarea-disabled-bg-color: var(--tv-color-bg-disabled);
   // 文本域exceed时的文本颜色