改变纸输入元件的情况

Question

我有以下纸质输入元素

      <paper-input floatinglabel required
        id="size-ppr-input"
        label="Size">
      </paper-input>

      <paper-icon-button floatinglabel required
        id="size-ppr-input"
        label="Size">
      </paper-icon-button>

elemeent标签的默认字体是大写，由纸元素核心决定，黑色（通常）。

如何将案例更改为更低或案例等并更改颜色。

由于

Answer 1

您可以使用

设置标签的颜色

  paper-input /deep/ #label, paper-input /deep/ div#floatedLabel.focused {
    color: green;
  }

第一部分是输入没有焦点时的标签 第二个是浮动标签。

如果您在聚合物元素之外添加此样式（在条目页面或由条目页面链接的css文件），请不要忘记为不支持shadow DOM的浏览器添加选择器

  paper-input /deep/ #label, paper-input /deep/ div#floatedLabel.focused,
  paper-input #label, paper-input div#floatedLabel.focused {
    color: green;
  }

要将全部大写字体重置为普通字体，请使用纸质图标按钮

  paper-icon-button {
    text-transform: none;
  }