在Polymer中設置紙張輸入字體大小

Question

我試圖使用《 聚合物指南》中所述的CSS混合在我的應用程序中設置紙張輸入元素的樣式，但是我無法完全將其用於字體大小和紙張輸入。

我嘗試了以下自定義元素：

<dom-module id="test-element">
  <style>
    :host {
      --paper-input-container-input {
        font-size: 30px;
      };
    }
  </style>
  <template>
    <paper-input></paper-input>
  </template>
  <script>
    Polymer({
      is: 'test-element',
    });
  </script>
</dom-module>

運行此命令時，字體大小保持不變。 有沒有人能夠修改紙張輸入的字體大小？

Answer 1

你錯過了一個冒號（ : ）在風格上，它應該是這樣的

<style>
:host {
  --paper-input-container-input: {
    font-size: 30px;
  };
}
</style>

這是一個有效的例子