From 039186a555904cd00781e6b3f9db6f8f40e7756f Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Fri, 29 Jan 2021 14:41:43 -0500
Subject: [PATCH] Set explicit opacity value on placeholder pseudo-element
 (#3308)

Fixes #3300.
---
 __tests__/fixtures/tailwind-output-flagged.css          | 1 +
 __tests__/fixtures/tailwind-output-important.css        | 1 +
 __tests__/fixtures/tailwind-output-no-color-opacity.css | 1 +
 __tests__/fixtures/tailwind-output.css                  | 1 +
 src/plugins/css/preflight.css                           | 1 +
 5 files changed, 5 insertions(+)

diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css
index 7086d59f6ab0..ae677221ffbb 100644
--- a/__tests__/fixtures/tailwind-output-flagged.css
+++ b/__tests__/fixtures/tailwind-output-flagged.css
@@ -439,6 +439,7 @@ textarea {
 
 input::placeholder,
 textarea::placeholder {
+  opacity: 1;
   color: #9ca3af;
 }
 
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index 218ec055b799..28462f1e46f0 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -439,6 +439,7 @@ textarea {
 
 input::placeholder,
 textarea::placeholder {
+  opacity: 1;
   color: #9ca3af;
 }
 
diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css
index 395ec91d5e85..2cdc358a2855 100644
--- a/__tests__/fixtures/tailwind-output-no-color-opacity.css
+++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css
@@ -439,6 +439,7 @@ textarea {
 
 input::placeholder,
 textarea::placeholder {
+  opacity: 1;
   color: #9ca3af;
 }
 
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 7086d59f6ab0..ae677221ffbb 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -439,6 +439,7 @@ textarea {
 
 input::placeholder,
 textarea::placeholder {
+  opacity: 1;
   color: #9ca3af;
 }
 
diff --git a/src/plugins/css/preflight.css b/src/plugins/css/preflight.css
index 7afaf32bd2a9..ac74dd0613b2 100644
--- a/src/plugins/css/preflight.css
+++ b/src/plugins/css/preflight.css
@@ -141,6 +141,7 @@ textarea {
 
 input::placeholder,
 textarea::placeholder {
+  opacity: 1;
   color: theme('colors.gray.400', #a1a1aa);
 }