InputControl: Ensure consistent placeholder color (#69334)

* InputControl: Ensure consistent placeholder color * InputControl: Add CHANGELOG entry * InputControl: Remove unnecessary line-height styles Co-authored-by: SainathPoojary <[email protected]> Co-authored-by: afercia <[email protected]> Co-authored-by: ciampo <[email protected]> Co-authored-by: im3dabasia <[email protected]>
WordPress · Feb 27, 2025 · 47fdb90 · 47fdb90
1 parent a02bf96
commit 47fdb90
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -5,6 +5,7 @@
 ### Bug Fixes
 
 -   `TextControl`: Ensures email and url inputs have consistent LTR alignment in RTL languages ([#68561](https://github.com/WordPress/gutenberg/pull/68561)).
+-   `InputControl`: Ensure consistent placeholder color ([#69334](https://github.com/WordPress/gutenberg/pull/69334)).
 
 ### Enhancement
 

diff --git a/packages/components/src/input-control/styles/input-control-styles.tsx b/packages/components/src/input-control/styles/input-control-styles.tsx
@@ -285,7 +285,15 @@ export const Input = styled.input< InputProps >`
 		${ customPaddings }
 
 		&::-webkit-input-placeholder {
-			line-height: normal;
+			color: ${ COLORS.ui.darkGrayPlaceholder };
+		}
+
+		&::-moz-placeholder {
+			color: ${ COLORS.ui.darkGrayPlaceholder };
+		}
+
+		&:-ms-input-placeholder {
+			color: ${ COLORS.ui.darkGrayPlaceholder };
 		}
 
 		&[type='email'],