input text `placeholder-opacity-100` in Firefox looks lighter

[rockmandash]

Describe the problem:

Firefox default makes <input /> placeholder looks lighter, Tailwind class can't reset this behavior.

I know this is the browser default style, however, since people are explicitly saying placeholder-opacity-100, I think it should override those default style

Link to a minimal reproduction:

Link to Tailwind Play

Code

<input
  class="w-full placeholder-red-500 placeholder-opacity-100"
  placeholder="I will look lighter in Firefox"
/>

Chrome Screenshot

Firefox Screenshot

[adamwathan]

Fixed here, will probably tag a new release tomorrow: #3308