为不同的浏览器特定选择器应用 css 规则 [重复]答案

【问题标题】：Applying css rule for different browser specific selectors [duplicate]为不同的浏览器特定选择器应用 css 规则 [重复]
【发布时间】：2016-01-16 18:27:55
【问题描述】：

我想像这样在多个浏览器中定位占位符

.editor textarea::-webkit-input-placeholder, 
.editor textarea:-moz-placeholder, 
.editor textarea::-moz-placeholder, 
.editor textarea:-ms-input-placeholder
{
    color: red;
}

但这不起作用

我必须为每个单独做吗

.editor textarea:-ms-input-placeholder
{
    color: red;
}

html如下：

<div class="editor">
<textarea placeholder="This will be the heading sentence..."></textarea>
</div>

或者还有其他方法吗？

（抱歉这个菜鸟问题）

谢谢！

【问题讨论】：

同时提供您的 HTML 代码
总之，你做不到。检查这个答案stackoverflow.com/a/2610741/5794995
我明白了，我希望有 :) 谢谢

标签： css placeholder

【解决方案1】：

用户代理需要忽略具有未知选择器的规则。

*包含无效选择器的一组选择器无效。

所以我们需要为每个浏览器设置单独的规则。否则整个组将被所有浏览器忽略。

查看这个答案https://stackoverflow.com/a/2610741/5794995

【讨论】：