Replies: 2 comments
-
|
This is a browser limitation. The input::placeholder {
&:where(.dark, .dark *) {However, nested CSS inside pseudo-elements do not work. Hence, you'd want the .dark {
input::placeholder {https://play.tailwindcss.com/Tvsyjb4fTb?file=css As an aside, Adam Wathan (creator of Tailwind) does seem to advocate avoiding |
Beta Was this translation helpful? Give feedback.
0 replies
This comment was marked as low quality.
This comment was marked as low quality.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
When applying a dark variant color to a placeholder, it uses the light mode color instead of dark mode
What version of Tailwind CSS are you using?
4.3.0 (playground)
What build tool (or framework if it abstracts the build tool) are you using?
N/A (playground)
What version of Node.js are you using?
N/A (playground)
What browser are you using?
Tested both on Cromite (Chromium) and Zen Browser (Firefox)
What operating system are you using?
Arch Linux
Reproduction URL
https://play.tailwindcss.com/a8WyEihG3r
Describe your issue
Use the playground, and toggle on dark and not dark in the class to see the inconsistent colors being reflected.
Beta Was this translation helpful? Give feedback.
All reactions