layui-textarea的placeholder颜色改不了，因layui用.class封装且样式优先级高，原生textarea::placeholder不匹配；须用.layui-textarea::placeholder等带类选择器，并兼顾safari旧版和ie11兼容性。
layui-textarea 的 placeholder 颜色为什么改不了？
直接写 textarea::placeholder { color: #666; } 大概率无效——因为 layui 默认给 .layui-textarea 加了 class 封装，且其内部样式优先级高，原生伪元素选择器没被匹配到。更关键的是，layui 本身不接管 placeholder 渲染逻辑，但它的 CSS 类会干扰你写的规则生效顺序。
必须用带类名的 ::placeholder 选择器
不能只靠 textarea::placeholder，得把 layui 的 class 名带上，否则样式被覆盖。现代浏览器（Chrome 57+、Firefox 51+、Edge 16+）认 ::placeholder，但必须精准命中目标元素：
-
.layui-textarea::placeholder是基础写法，适用于大多数情况 - 如果用了自定义 class（比如
class="my-area"），就得写成.my-area::placeholder - 避免漏掉双冒号：
:placeholder或:: placeholder（带空格）完全无效 - 别用
opacity代替color，否则文字发虚、可读性差
还要兼容旧版 Safari（≤14.0）
如果你的用户还在用 macOS 10.15 或 iOS 14 之前的系统，Safari 不识别 ::placeholder，必须补一条 ::-webkit-input-placeholder。注意：这里虽然选的是 input 前缀，但它对 textarea 同样生效：
.layui-textarea::placeholder,
.textarea-custom::-webkit-input-placeholder {
color: #999;
}
这条规则要放在 ::placeholder 规则之后，确保现代写法优先；若项目明确不支持 Safari 14.0 及以下，可省略第二行。
IE11 和老 Edge 怎么办？
IE11 完全不支持任何 ::placeholder 变体，::-ms-input-placeholder 在 Edge 12–15 有效，但 IE11 下只能放弃 CSS 方案。实际中更可行的做法是：
- 用 JavaScript 模拟 placeholder 行为：监听
focus/blur，动态显示/隐藏一个绝对定位的label - 给该
label单独设颜色，不受浏览器限制 - 注意设置
pointer-events: none，否则会挡住 textarea 点击 - layui 自身不提供 fallback，这事得自己兜底
真正麻烦的不是写几行 CSS，而是得先确认你的用户里还有没有人卡在 IE11 —— 如果有，光靠样式永远搞不定。
