Polymer 聚合物自定义元素上的伪元素无效

Polymer 聚合物自定义元素上的伪元素无效,polymer,Polymer,从模板内部添加时,通过Polymer创建的自定义元素上的伪元素似乎不起作用。我尝试了以下几种变体,但都不起作用 :host(:before), :host(::before) { content: 'before'; } :host:before, :host:before { content: 'before'; } 我知道,当从自定义元素外部应用伪元素时,它确实可以工作。比如说, custom-element::after { content: 'after';

从模板内部添加时,通过Polymer创建的自定义元素上的伪元素似乎不起作用。我尝试了以下几种变体,但都不起作用

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

:host:before, :host:before {
    content: 'before';
}
我知道,当从自定义元素外部应用伪元素时,它确实可以工作。比如说,

custom-element::after {
    content: 'after';
}
也许我没有使用正确的语法,但是Polymer项目页面也没有提到使用它们。我喜欢将应用于自定义元素的所有css样式保留在一个位置


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

最近在中解决了这一问题。它应该是Chrome 38。

这是Chrome唯一的问题吗?一旦发货,正确的语法是什么?现在是的。Chrome是唯一提供本机ShadowDOM的浏览器
:host()::before
:host::after
将是语法。我刚刚意识到
::before
::after
仅在Chrome和Opera(闪烁浏览器)中不起作用。当使用Polymer(非闪烁浏览器)时,它们似乎在Firefox和Safari上工作得很好。