layui-textarea 的 placeholder 颜色无法修改，主要原因是 layui 使用了带类名的样式封装，且 CSS 优先级较高，直接写原生 textarea::placeholder 往往不会生效；因此必须使用 .layui-textarea::placeholder 这类带 class 的选择器，同时还要考虑旧版 Safari 与 IE11 的兼容处理。
layui-textarea 的 placeholder 颜色为什么改不了？
如果你直接写 textarea::placeholder { color: #666; }，很多情况下可能不会生效。这是因为 layui 默认会为 .layui-textarea 添加 class 样式封装，而且框架内部样式优先级更高，导致原生 textarea 的 placeholder 伪元素选择器无法准确匹配。更关键的是，虽然 layui 本身并不负责 placeholder 的渲染，但它的 CSS 规则会影响你自定义样式的覆盖顺序。
必须用带类名的 ::placeholder 选择器
修改 layui 文本域 placeholder 颜色时，不能只写 textarea::placeholder，必须把 layui 的 class 名一起写上，否则样式很容易被覆盖。现代浏览器如 Chrome 57+、Firefox 51+、Edge 16+ 都支持 ::placeholder，但前提是选择器必须精准命中目标元素：
.layui-textarea::placeholder是最常见也是最基础的写法，适合大多数 layui textarea 场景- 如果你使用了自定义 class（例如
class="my-area"），那就应写成.my-area::placeholder - 不要漏写双冒号，像
:placeholder或:: placeholder（中间有空格）都是无效写法 - 不建议用
opacity代替color，否则 placeholder 文字会显得发灰发虚，影响阅读体验
还要兼容旧版 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 无法实现 placeholder 颜色修改。更实用的处理方式通常是：
- 使用 JavaScript 模拟 placeholder 效果：通过监听
focus/blur事件，动态控制一个绝对定位label的显示与隐藏 - 为这个
label单独设置字体颜色，从而绕开浏览器对 placeholder 的限制 - 记得加上
pointer-events: none，否则会遮挡 textarea，影响点击和输入 - layui 本身不提供这类兼容 fallback，因此需要开发者自行处理
真正需要关注的，不只是怎么写几行 CSS，而是先判断你的目标用户中是否还有人在使用 IE11。如果答案是有，那么仅靠样式方案始终无法彻底解决 layui placeholder 文字颜色修改的问题。
