自定义元素和:之前:之后

时间:2014-09-03 23:04:07

标签: polymer web-component shadow-dom

在最新的Chromium 37中,我没有成功地在自定义元素上使用:before:after。一切都可以在其他浏览器中使用Polymer Platform polyfill,但在Chromium中有原生支持它不会。

这样的样式:

my-element:before {
    background : #000;
    content    : '';
    display    : block;
    height     : 10px;
    width      : 10px;
}

我在这里错过了什么?

1 个答案:

答案 0 :(得分:3)

您的示例适用于Chrome 38:http://jsbin.com/lanatuhojowu/1/edit

注意::host::before:host::after无效是Chrome 37中的错误(crbug.com/393509)。这应该有希望在下一版本的Chrome(38)中实现,并且绝对是在Chrome 39中。