diff --git a/src/packages/input/input.scss b/src/packages/input/input.scss
index 2bdc779e78..84069abf72 100644
--- a/src/packages/input/input.scss
+++ b/src/packages/input/input.scss
@@ -8,6 +8,12 @@
   font-size: $input-font-size;
   box-sizing: border-box;
 
+  .nut-input-native .weui-input::placeholder,
+  &-placeholder {
+    color: rgb(117, 117, 117);
+    font-size: $input-font-size;
+  }
+
   .nut-icon {
     color: $color-text-disabled;
     width: 14px;
@@ -52,7 +58,3 @@
     -webkit-text-fill-color: $color-text-disabled;
   }
 }
-
-.nut-input-clear {
-  // flex: 0;
-}
diff --git a/src/packages/input/input.taro.tsx b/src/packages/input/input.taro.tsx
index 518333343a..2eeede17ec 100644
--- a/src/packages/input/input.taro.tsx
+++ b/src/packages/input/input.taro.tsx
@@ -77,6 +77,8 @@ export const Input = forwardRef(
       >,
     ref
   ) => {
+    const classPrefix = 'nut-input'
+
     const rtl = useRtl()
     const { locale } = useConfig()
     const {
@@ -135,7 +137,6 @@ export const Input = forwardRef(
     })
 
     const inputClass = useCallback(() => {
-      const classPrefix = 'nut-input'
       return [
         classPrefix,
         `${disabled ? `${classPrefix}-disabled` : ''}`,
@@ -222,6 +223,7 @@ export const Input = forwardRef(
           placeholder={
             placeholder === undefined ? locale.placeholder : placeholder
           }
+          placeholderClass={`${classPrefix}-placeholder`}
           disabled={disabled || readOnly}
           value={value}
           focus={autoFocus}