From 79c43db20e5cb602b2b2c37b950a80b8538ca075 Mon Sep 17 00:00:00 2001
From: DDDDD12138 <43703884+DDDDD12138@users.noreply.github.com>
Date: Wed, 25 Dec 2024 21:10:55 +0800
Subject: [PATCH] fix(theme-chalk): [input-tag] correct input-tag placeholder
 color (#19386)

fix(components): [input-tag] correct input-tag placeholder color
---
 packages/theme-chalk/src/common/var.scss | 1 +
 packages/theme-chalk/src/input-tag.scss  | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/packages/theme-chalk/src/common/var.scss b/packages/theme-chalk/src/common/var.scss
index 54e3fe5697..a35ddae1e7 100644
--- a/packages/theme-chalk/src/common/var.scss
+++ b/packages/theme-chalk/src/common/var.scss
@@ -924,6 +924,7 @@ $input-tag: () !default;
 $input-tag: map.merge(
   (
     'border-color-hover': getCssVar('border-color-hover'),
+    'placeholder-color': getCssVar('text-color-placeholder'),
     'disabled-color': getCssVar('disabled-text-color'),
     'disabled-border': getCssVar('disabled-border-color'),
     'font-size': getCssVar('font-size-base'),
diff --git a/packages/theme-chalk/src/input-tag.scss b/packages/theme-chalk/src/input-tag.scss
index 26fafb37ad..da4ae37062 100644
--- a/packages/theme-chalk/src/input-tag.scss
+++ b/packages/theme-chalk/src/input-tag.scss
@@ -169,6 +169,10 @@
     appearance: none;
     width: 100%;
     background-color: transparent;
+
+    &::placeholder {
+      color: getCssVar('input-tag-placeholder-color');
+    }
   }
 
   @include e(input-calculator) {