Use hard-coded default placeholder color

IE 11 doesn't support opacity properly on placeholders and causes the entire input to render with that opacity. This fixes that bug.
DaniDror · Aug 6, 2019 · 371d320 · 371d320
1 parent 057c6ff
commit 371d320
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 6 deletions.
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
@@ -484,8 +484,7 @@ textarea {
 
 input::placeholder,
 textarea::placeholder {
-  color: inherit;
-  opacity: 0.5;
+  color: #a0aec0;
 }
 
 button,

diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
@@ -484,8 +484,7 @@ textarea {
 
 input::placeholder,
 textarea::placeholder {
-  color: inherit;
-  opacity: 0.5;
+  color: #a0aec0;
 }
 
 button,

diff --git a/src/plugins/css/preflight.css b/src/plugins/css/preflight.css
@@ -131,8 +131,7 @@ textarea {
 
 input::placeholder,
 textarea::placeholder {
-  color: inherit;
-  opacity: 0.5;
+  color: #a0aec0;
 }
 
 button,