聚合物 - 纸张输入浮动标签颜色

Question

如何更改聚合物中聚焦浮动标签的颜色？

感谢您的回答。

Answer 1

我能解决这个问题的唯一方法是：

paper-input-decorator[focused] /deep/ .floating-label,
paper-input-decorator[focused] /deep/ .label-text {
/* floating label color when the input is focused */
color: orange !important;
}

注意有必要输入paper-input-decorator [focused] / deep / two

Answer 2

如果您不想使用/ deep / selectors，也可以使用core-style来执行此操作，它看起来像这样（未经测试）：

<core-style id="paper-input-decorator">
  .floating-label, .label-text {
    color: orange;
  }
</core-style>

Answer 3

您可以设置以下聚合物样式变量： - paper-input-container-focus-color，例如

$json = '{
    "match_phrase" : {
        "message" : {
            "query" : "' . $query . '",
            "analyzer" : "my_analyzer"
        }
    }
}';
$params['body']['query'] = json_decode($json);
$this->result = $this->client->search($params);

Answer 4

  

有关信息：

要在纸张输入内更改标签或浮动标签的任何样式，请使用以下代码。

paper-input {
  --paper-input-container-label: {
    color: red;
    font-size: 14px;
  };
  --paper-input-container-label-floating: {
    color: red;
    font-size: 14px;
  };
}