从模板内部添加时,通过Polymer创建的自定义元素上的伪元素似乎不起作用。我尝试了以下变体,但没有一个起作用。
:host(:before), :host(::before) {
content: 'before';
}
:host:before, :host:before {
content: 'before';
}
我知道从自定义元素外部应用伪元素确实可以工作。例如,
custom-element::after {
content: 'after';
}
也许我没有使用正确的语法,但是Polymer项目页面也没有提及使用它们。我喜欢将所有应用于自定义元素的css样式都放在一个位置。
但是无法从自定义元素中设置伪元素的样式是一个很大的限制。
最近已在http://crbug.com/393509中修复了该问题。它应该在Chrome 38中。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句