Polymer自定义元素上的伪元素不起作用

时间:2014-09-20 13:36:23

标签: polymer

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

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

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

我知道伪元素在从自定义元素外部应用时确实有效。例如,

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

也许我没有使用正确的语法,但Polymer项目页面也没有提到使用它们。我喜欢将所有css样式应用于自定义元素。

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

1 个答案:

答案 0 :(得分:2)

最近在http://crbug.com/393509修复了此问题。它应该在Chrome 38中。