From 371d320eebdcf59f674c53bf7f2188a6cf0e7b81 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Tue, 6 Aug 2019 11:09:47 -0400 Subject: [PATCH] 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. --- __tests__/fixtures/tailwind-output-important.css | 3 +-- __tests__/fixtures/tailwind-output.css | 3 +-- src/plugins/css/preflight.css | 3 +-- 3 files changed, 3 insertions(+), 6 deletions(-) diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 128acfadf..3abfaf937 100644 --- 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 index 6fa0fbd5d..c64297011 100644 --- 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 index 0bfabec7e..e7bc8bf5b 100644 --- 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,