Repository: tailwindlabs/tailwindcss (TypeScript)
Task: Bug Fix (2017-11-06 17:09:30+00:00)

Issue:
Default placeholder color discrepancy
The placeholder text for a textarea seems to be a different color from that of the inputs.

![screen shot 2017-11-06 at 11 02 45 am](https://user-images.githubusercontent.com/1329131/32453572-28f3eb78-c2e2-11e7-9be0-10e9a0efac50.png)

_Screenshot from Chrome Canary 64.0.3260.0_


Discussion:

Patch:
diff --git a/css/preflight.css b/css/preflight.css
--- a/css/preflight.css
+++ b/css/preflight.css
@@ -536,7 +536,7 @@ svg { fill: currentColor; }
 
 button, input, optgroup, select, textarea { font-family: inherit; }
 
-input::placeholder {
+input::placeholder, textarea::placeholder {
     color: inherit;
     opacity: .5;
 }


Test patch:
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -548,7 +548,8 @@ textarea {
   font-family: inherit;
 }
 
-input::placeholder {
+input::placeholder,
+textarea::placeholder {
   color: inherit;
   opacity: .5;
 }