这是在尝试处理包含供应商前缀的选择器时的常见错误。
这里的问题是
如果选择器链或选择器组中存在无效的伪元素或伪类，则整个选择器列表无效。
图片来源：www.example.comdeveloper.mozilla.org/en-US/docs/Web/CSS/Webkit_Extensions
还有一篇关于css-tricks的文章，您可以阅读该文章以获得有关One Invalid Pseudo Selector Equals an Entire Ignored Selector的更多上下文
要修复它并使代码更可持续，您需要像这样分离规则：

.amsearch-input::-webkit-input-placeholder {
    color: red;
}
.amsearch-input::-moz-placeholder {
    color: red;
}
.amsearch-input::-ms-placeholder {
    color: red;
}
.amsearch-input::placeholder {
    color: red;
}

因为::-moz-placeholder或::-ms-placeholder不是chrome上的有效选择器，chrome停止应用此样式。

.amsearch-input::-webkit-input-placeholder,
.amsearch-input::placeholder {
    color: red;
}

.amsearch-input::-moz-placeholder,
.amsearch-input::placeholder {
    color: red;
}

<input class="amsearch-input" placeholder="It fails! :(" />