diff --git a/core/src/components/input/input.scss b/core/src/components/input/input.scss
index 097d1cfcf7..7704c6bfa1 100644
--- a/core/src/components/input/input.scss
+++ b/core/src/components/input/input.scss
@@ -5,7 +5,8 @@
 
 :host {
   --placeholder-color: currentColor;
-  --placeholder-weight: inherit;
+  --placeholder-font-style: inherit;
+  --placeholder-font-weight: inherit;
   --placeholder-opacity: .5;
   --padding-top: 0;
   --padding-end: 0;
@@ -60,7 +61,8 @@
     color: var(--placeholder-color);
 
     font-family: inherit;
-    font-weight: var(--placeholder-weight);
+    font-style: var(--placeholder-font-style);
+    font-weight: var(--placeholder-font-weight);
 
     opacity: var(--placeholder-opacity);
   }
diff --git a/core/src/components/searchbar/searchbar.scss b/core/src/components/searchbar/searchbar.scss
index 08777a3ca9..984a1f39bb 100644
--- a/core/src/components/searchbar/searchbar.scss
+++ b/core/src/components/searchbar/searchbar.scss
@@ -5,7 +5,8 @@
 
 :host {
   --placeholder-color: currentColor;
-  --placeholder-weight: inherit;
+  --placeholder-font-style: inherit;
+  --placeholder-font-weight: inherit;
   --placeholder-opacity: .5;
 
   @include font-smoothing();
@@ -68,7 +69,8 @@
     color: var(--placeholder-color);
 
     font-family: inherit;
-    font-weight: var(--placeholder-weight);
+    font-style: var(--placeholder-font-style);
+    font-weight: var(--placeholder-font-weight);
 
     opacity: var(--placeholder-opacity);
   }
diff --git a/core/src/components/textarea/readme.md b/core/src/components/textarea/readme.md
index 862b170929..c725756cc7 100644
--- a/core/src/components/textarea/readme.md
+++ b/core/src/components/textarea/readme.md
@@ -55,18 +55,19 @@ The textarea component accepts the [native textarea attributes](https://develope
 
 ## CSS Custom Properties
 
-| Name                    | Description                     |
-| ----------------------- | ------------------------------- |
-| `--background`          | Background of the textarea      |
-| `--border-radius`       | Border radius of the textarea   |
-| `--color`               | Color of the text               |
-| `--padding-bottom`      | Bottom padding of the textarea  |
-| `--padding-end`         | End padding of the textarea     |
-| `--padding-start`       | Start padding of the textarea   |
-| `--padding-top`         | Top padding of the textarea     |
-| `--placeholder-color`   | Color of the placeholder text   |
-| `--placeholder-opacity` | Opacity of the placeholder text |
-| `--placeholder-weight`  | Weight of the placeholder text  |
+| Name                        | Description                     |
+| --------------------------- | ------------------------------- |
+| `--background`              | Background of the textarea      |
+| `--border-radius`           | Border radius of the textarea   |
+| `--color`                   | Color of the text               |
+| `--padding-bottom`          | Bottom padding of the textarea  |
+| `--padding-end`             | End padding of the textarea     |
+| `--padding-start`           | Start padding of the textarea   |
+| `--padding-top`             | Top padding of the textarea     |
+| `--placeholder-color`       | Color of the placeholder text   |
+| `--placeholder-font-style`  | Style of the placeholder text   |
+| `--placeholder-font-weight` | Weight of the placeholder text  |
+| `--placeholder-opacity`     | Opacity of the placeholder text |
 
 
 ----------------------------------------------
diff --git a/core/src/components/textarea/textarea.scss b/core/src/components/textarea/textarea.scss
index d88900c0fd..274aadae25 100644
--- a/core/src/components/textarea/textarea.scss
+++ b/core/src/components/textarea/textarea.scss
@@ -9,7 +9,8 @@
    * @prop --border-radius: Border radius of the textarea
    * @prop --color: Color of the text
    * @prop --placeholder-color: Color of the placeholder text
-   * @prop --placeholder-weight: Weight of the placeholder text
+   * @prop --placeholder-font-style: Style of the placeholder text
+   * @prop --placeholder-font-weight: Weight of the placeholder text
    * @prop --placeholder-opacity: Opacity of the placeholder text
    * @prop --padding-top: Top padding of the textarea
    * @prop --padding-end: End padding of the textarea
@@ -19,7 +20,8 @@
   --background: initial;
   --color: currentColor;
   --placeholder-color: currentColor;
-  --placeholder-weight: inherit;
+  --placeholder-font-style: inherit;
+  --placeholder-font-weight: inherit;
   --placeholder-opacity: .5;
   --padding-top: 0;
   --padding-end: 0;
@@ -85,7 +87,8 @@
     color: var(--placeholder-color);
 
     font-family: inherit;
-    font-weight: var(--placeholder-weight);
+    font-style: var(--placeholder-font-style);
+    font-weight: var(--placeholder-font-weight);
 
     opacity: var(--placeholder-opacity);
   }
diff --git a/core/src/themes/ionic.mixins.scss b/core/src/themes/ionic.mixins.scss
index 6277aa039e..3821aaeefb 100644
--- a/core/src/themes/ionic.mixins.scss
+++ b/core/src/themes/ionic.mixins.scss
@@ -18,6 +18,7 @@
 @mixin text-inherit() {
   font-family: inherit;
   font-size: inherit;
+  font-style: inherit;
   font-weight: inherit;
   letter-spacing: inherit;
   text-decoration: inherit;