近期在套用 TailwindCSS 4 的專案時,發現針對 placeholder 樣式的文字顏色修改,於 Chrome 瀏覽器上會無法成功套用的情況。這邊筆記下解決方案
內容
解決方案比想像中單純:加上 !important 即可。以 Tailwindcss 的表示,也就是加上 !。
如:lg:!text-green-500
參考資料
1. Cannot apply colors in placeholder: variant
按讚加入粉絲團點數旅行 留學 信用卡 程式學習
近期在套用 TailwindCSS 4 的專案時,發現針對 placeholder 樣式的文字顏色修改,於 Chrome 瀏覽器上會無法成功套用的情況。這邊筆記下解決方案
解決方案比想像中單純:加上 !important 即可。以 Tailwindcss 的表示,也就是加上 !。
如:lg:!text-green-500
1. Cannot apply colors in placeholder: variant
按讚加入粉絲團