怎樣的風格，擴展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元素

回答

相關問題