使用javascript更改paper-fab颜色

Question

我之前用过这段代码改变了fab元素的样式：

<style is="custom-style">
    :root {
        --paper-fab-background: #42a9f7 !important;
    }
</style>

但是如何使用javascript更改颜色？

Answer 1

this.$.paperfab.updateStyles({ '--paper-fab-background': '#42a9f7' });

当然，将paperfab作为你的纸制元素的id放在一个函数中。

Answer 2

Easy First首先将Id设置为要更改其颜色的html元素，然后使用document.getElementById（elementID）.style.backgroundColor =＃42a9f7！important; 多数民众赞成

Answer 3

通过JavaScript更改元素的颜色：

更改元素颜色： document.getElementById(elementID).style.color = "#42a9f7";

元素上的多个样式： document.getElementById(elementID).style.cssText = "color:#42a9f7;background:red";