如何在Polymer的paper-textarea中使用固定字体?

时间:2016-01-09 17:11:49

标签: polymer

使用以下聚合物组件时:

<paper-textarea value="test"></paper-textarea>

我没有找到任何方法将其字体更改为固定字体。 (代码输入)

我尝试了以下样式,但实际上只应用了颜色:

<style is="custom-style">
  :root {
    --paper-input-container-input-color: blue;
    /* the following lines do not work... */
    --paper-input-font-family: monospace;
    --iron-autogrow-textarea: {
      font-family: monospace;
    };
  }
</style>

任何人都知道该怎么做?

2 个答案:

答案 0 :(得分:3)

paper-textarea使用iron-autogrow-textarea。 这应该工作(不是我自己尝试)

<style is="custom-style">
  :root {
    --iron-autogrow-textarea: {
      font-family: monospace !important;
    };
  }
</style>

答案 1 :(得分:1)

您实际上并不需要使用!important。这将适用于Polymer 2.0:

&#13;
&#13;
paper-textarea {
  --iron-autogrow-textarea: {
    font-family: monospace;
  };
}
&#13;
&#13;
&#13;