怎样的风格，扩展HTML元素

我创造了镖编辑器中的默认采样web项目，并改变了<click-counter></click-counter>元素来扩展DivElement聚合物元素，因此它是：怎样的风格，扩展HTML元素

<div is="click-counter"></div>

（我改变了一切HTML和dart文件）。

该元素按预期工作，但在Firefox（30.0）中丢失了所有样式。（它在Chrome中正常运行）。

这是Firefox中的错误吗？

编辑：要清楚，CSS在clickcounter.html文件中定义。

来源

2014-07-04 enyo

哪些DART版本您使用的？ FF中的不变元素是否正确显示？ –

尝试1.4和1.5。未改变的内容按预期工作。 – enyo

当您使用正常的自定义元素时，元素样式将被复制到<head>元素，如果元素是扩展DOM元素的元素，则不会执行此操作。

这是CSS聚合物应在<head>标记中为您的<div is='click-counter'>元素创建。
（这显然是它不会产生这种风格的bug。你已经创建了问题https://code.google.com/p/dart/issues/detail?id=19841）

<style shim-shadowdom-css="">style { display: none !important; } 
    div[is='click-counter'] div { 
    font-size: 24pt; text-align: center; margin-top: 140px; 
    } 

    div[is='click-counter'] button { 
    font-size: 24pt; margin-bottom: 20px; 
    } 
</style>

来源

2014-07-05 16:07:52

怎样的风格，扩展HTML元素

回答

相关问题