tailwind v3.0+ 原生支持 placeholder: 修饰符，如 placeholder:text-gray-500，仅作用于 input/textarea；需注意双冒号语法、dark:class 手动管理、opacity 独立类及旧浏览器兼容限制。
placeholder:text-{color} 是最直接的写法
Tailwind 从 v3.0 开始原生支持 placeholder: 修饰符，不需要额外插件或配置。只要你的项目用了较新版本（2023 年后初始化的默认都满足），placeholder:text-gray-500 就能生效。
注意两点：一是必须用双冒号语义的修饰符前缀 placeholder:，写成 placeholder-text-gray-500 或 text-placeholder-gray-500 都无效；二是它只作用于 <input> 和 <textarea></textarea> 元素，对 <div contenteditable> 不起作用。
<ul>
<li>
<code>placeholder:text-red-600 改颜色
placeholder:font-medium 加粗或调整字重placeholder:text-sm 单独控制字号（不继承父级 text- 类）placeholder:text-gray-400 placeholder:italic placeholder:opacity-70
深色模式下 placeholder 颜色没变？检查 dark: 前缀和根 class
Tailwind 的 dark: 变体不会自动触发，它依赖根元素是否带 class="dark"（或通过 JS 切换）。如果你用的是 data-theme="dark" 这类自定义属性，dark:placeholder:text-gray-500 默认不响应。
常见错误是只写了 dark:placeholder:text-gray-500，但 HTML 根节点没加 class="dark"，或者用了 class="dark-mode" 这类非标准命名——Tailwind 只认 dark 这个 class 名。
- 手动切换：
document.documentElement.classList.toggle('dark') - 配合系统偏好：
class="dark" media="(prefers-color-scheme: dark)"不推荐，因为 Tailwind 不解析 media 属性 - 如果必须用
data-theme，得在tailwind.config.js里配daisyui或自定义darkMode: 'class'并指定 class 名
placeholder-opacity-{n} 控制透明度，别和 color 混用
Tailwind 把 opacity 拆成了独立功能类，比如 placeholder-opacity-50。它不是设置 opacity: 0.5，而是修改 CSS 自定义属性 --tw-placeholder-opacity，再由 placeholder:text-gray-500 内部乘算得出最终颜色。
这意味着：如果你同时写了 placeholder:text-gray-500 placeholder-opacity-50，实际渲染的是 rgba(107, 114, 128, 0.5)；但如果你漏了 placeholder:text- 类，placeholder-opacity-50 单独写没有任何视觉效果。
- 不要写
placeholder:opacity-50—— 不存在这个类 - 透明度值是 0–100 的整数，不是小数：
placeholder-opacity-75✅，placeholder-opacity-0.75❌ - 响应式写法：
sm:placeholder-opacity-100 md:placeholder-opacity-75
IE11 或旧版 Safari 下 placeholder 样式失效？Tailwind 不兜底
Tailwind 的 placeholder: 类底层仍是 CSS ::placeholder 伪元素，所以它和原生 CSS 一样，不支持 IE11、Safari ≤ 14.0。这些浏览器会直接忽略整个类，placeholder 回退到浏览器默认灰黑色。
如果你的项目还必须兼容这些环境，不能只靠 Tailwind：要么补全局 CSS 规则（如 input::-webkit-input-placeholder { color: #6b7280; }），要么改用 JS 模拟占位逻辑。Tailwind 本身不提供降级方案。
- 旧版 Safari 补丁必须写在
::placeholder规则之后，否则会被覆盖 - 不要在 Tailwind 的
@layer utilities里试图重写::-webkit-input-placeholder—— 它不识别这种语法 - 构建时开启
content扫描也扫不到伪元素，所以无法通过配置生成兼容类
prefers-color-scheme 或操作 DOM，那层胶水代码得自己写。
