为什么占位符伪元素上的转换属性在 Chrome 中有效？

我正在闲逛::placeholder当我注意到一些奇怪的事情时，Codepen（Chrome 59.0.3071）上的伪元素。 （请看我的JSFiddle https://jsfiddle.net/4ct6zkaw/)

简而言之，此 CSS 不应启用::placeholder2秒以上的颜色：

input::placeholder {color:red;transition:2s;}
input:hover::placeholder {color:green}

使用 Firefox，悬停时 2 秒间隔内没有颜色过渡（根据本节 https://drafts.csswg.org/css-transitions/#propdef-transitionW3C 规范和本节 https://drafts.csswg.org/css-pseudo-4/#placeholder-pseudo另一个 - 跟随线索到::first-line伪元素），但颜色立即转变为绿色；

然而，使用 Chrome 的同一个 JSFiddledoes show a ::placeholder颜色过渡持续 2 秒，根据规格，这似乎是不正确的。

这是这个版本的 Chrome 中的一个错误（如果是，是否正在解决？）或者这是对我缺乏对 CSS 理解的控诉？

目前看来Gecko和Webkit的实现非常好 相似的。允许的规则集略有不同，并且 默认样式不一样，但这些显然是可以解决的问题。

-- From http://lists.w3.org/Archives/Public/www-style/2013Jan/0283.html http://lists.w3.org/Archives/Public/www-style/2013Jan/0283.html

非标准 此功能是非标准的，并且不在标准中 追踪。不要在面向 Web 的生产站点上使用它：它不会 为每个用户工作。之间也可能存在很大的不兼容性 未来的实现和行为可能会发生变化。

-- From https://developer.mozilla.org/en/docs/Web/CSS/::-moz-placeholder https://developer.mozilla.org/en/docs/Web/CSS/::-moz-placeholder

仅适用于 CSS 属性的子集::first-line伪元素可以在规则中使用::placeholder在其 选择器。

-- From https://developer.mozilla.org/en-US/docs/Web/CSS/::placeholder https://developer.mozilla.org/en-US/docs/Web/CSS/::placeholder

但显然 Chrome 和 Firefox 都没有应用任何转换::first-line，正如通过这个 JSfiddle https://jsfiddle.net/atif_hassan/dvmpno1y/ I made.

另外，当我在网上寻找答案时，我发现transition财产为::placeholder正在使用旧版本的 Firefox 并使用供应商前缀，这只是重新确认规范中的行，

未来的行为可能会改变。

这是 JSfiddle 的代码。

input::-webkit-input-placeholder {
  color: red;
  transition: 2s;
}

input:hover::-webkit-input-placeholder {
  color: green
}

p::first-line {
  color: red;
  transition: 2s;
}

p:hover::first-line {
  color: green
}

<input placeholder="Sup">
<br />

<p style="display:inline-block">This is the first line.</br> Check it out</p>