Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

input text placeholder-opacity-100 in Firefox looks lighter #3300

Closed
rockmandash opened this issue Jan 7, 2021 · 1 comment · Fixed by #3308
Closed

input text placeholder-opacity-100 in Firefox looks lighter #3300

rockmandash opened this issue Jan 7, 2021 · 1 comment · Fixed by #3308

Comments

@rockmandash
Copy link

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

image

Firefox Screenshot

image

@adamwathan
Copy link
Member

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants