如何改變紙張輸入的字體大小在Polymer 1.0

Question

在聚合物1.0我可以很容易地改變鐵輸入組件的字體大小，例如：

input { 
    font-size: 24px; 
} 

如果我使用該鐵紙張輸入容器內的輸入組件不起作用。如果我只使用紙張輸入組件，它也不會起作用。你是怎麼做到的？提前致謝。

Answer 1

你可以通過使用--paper-input-container-input mixin來實現。您可以使用它在您自己的元素上或通過<style is="custom-style">。在每個mixin之後也不要忘記那些分號。

Answer 2

由於我很難理解mixin概念如何工作以及如何應用可用於其他許多事情的解決方案（更改字體，樣式等其他屬性），所以我允許自己闡述正確的答案。 ）。解決辦法，如果我有以下的紙張輸入我的元素

<paper-input id="title" label="Note title"></paper-input> 

是有下面的樣式在我的元素

<style> 
    #title { 
    --paper-input-container-input: { 
     font-size: 24px; 
    }; 
    } 
</style> 

我也可以有風格的HTML文件我導入全局定義

<style is="custom-style"> 
    :root { 
    --paper-input-container-input: { 
     font-size: 24px; 
    }; 
    } 
</style>