聚合物自定义元素上的伪元素不起作用

Question

通过聚合物创建的自定义元素上的伪元素在从模板内部添加时似乎不起作用。我尝试了以下变化，但它们都不起作用。

:host(:before), :host(::before) { 
    content: 'before'; 
} 

:host:before, :host:before { 
    content: 'before'; 
} 

我知道伪元素在自定义元素外部应用时可以工作。例如，

custom-element::after { 
    content: 'after'; 
} 

也许我没有使用正确的语法，但聚合物项目页面没有提及使用它们。我喜欢将所有应用于自定义元素的CSS样式保留在一个地方。

但是无法从自定义元素中设置伪元素的风格是一个很大的限制。

Answer 1

这是最近修复在http://crbug.com/393509。它应该在Chrome 38中。