Question

我尝试使用Polymer Guides中描述的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>

这里是working example

在Polymer中设置纸张输入字体大小

1 个答案: