dart - 改变纸张输入元件的大小写

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>

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

如何将大小写更改为更低，或判断大小写等并更改颜色。

谢谢

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;
  }