我有以下 paper-input 元素

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

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

如何将大小写更改为小写或句子大小写等并更改颜色。

谢谢

最佳答案

您可以设置标签的颜色

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

第一部分用于输入没有焦点时的标签。
第二个是用于 float 标签。

如果您在聚合物元素之外(在入口页面或由入口页面链接的 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;
  }

关于dart - 改变进纸元件的大小写,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/25437079/

10-12 13:01