0
通過聚合物創建的自定義元素上的僞元素在從模板內部添加時似乎不起作用。我嘗試了以下變化,但它們都不起作用。聚合物自定義元素上的僞元素不起作用
:host(:before), :host(::before) {
content: 'before';
}
:host:before, :host:before {
content: 'before';
}
我知道僞元素在自定義元素外部應用時可以工作。例如,
custom-element::after {
content: 'after';
}
也許我沒有使用正確的語法,但聚合物項目頁面沒有提及使用它們。我喜歡將所有應用於自定義元素的CSS樣式保留在一個地方。
但是無法從自定義元素中設置僞元素的風格是一個很大的限制。
這是鉻合金問題嗎?一旦出貨,什麼是正確的語法? – 2014-10-02 16:41:15
現在是。 Chrome是原生Shadow DOM的唯一瀏覽器。 ':host():: before'和':host :: after'將是語法。 – ebidel 2014-10-02 20:37:09
我剛剛意識到':: before'和':: after'在Chrome和Opera中不起作用(眨眼瀏覽器)。在使用Polymer(非Blink瀏覽器)時,它們似乎在Firefox和Safari上完美運行。 – 2014-10-04 10:38:35