[筆記] TailwindCSS 4 修改 placeholder 顏色於 Chrome 瀏覽器失效的解決方案

近期在套用 TailwindCSS 4 的專案時，發現針對 placeholder 樣式的文字顏色修改，於 Chrome 瀏覽器上會無法成功套用的情況。這邊筆記下解決方案

---

內容

解決方案比想像中單純：加上 !important 即可。以 Tailwindcss 的表示，也就是加上 !。

如：lg:!text-green-500

---

參考資料

1. Cannot apply colors in placeholder: variant

按讚加入粉絲團

延伸閱讀

• [筆記] 原生 HTML Select 選項下拉符號 CSS
• [筆記] 網頁測試各類測試檔案下載
• [筆記] 老化全方位應對手冊 – 9
• [筆記] 老化全方位應對手冊 – 8
• [筆記] 老化全方位應對手冊 – 7