【问题标题】:Polymer 1.0 how can I style a paper-input:disabled?Polymer 1.0 如何设置纸张输入样式:已禁用?
【发布时间】:2015-10-05 23:25:19
【问题描述】:

Polymer 1.0 问题:

当纸张输入设置为“禁用”时,文本和下划线将变为难以阅读的浅灰色。如何使用 css 设置文本颜色。到目前为止,这是我尝试过的:

--paper-input-container-input-disabled {
    color:black;
}

<paper-input label="Email" disabled></paper-input>

但它不会改变文本颜色。虽然我可以使用相同的 mixin 更改背景颜色。

【问题讨论】:

    标签: css polymer material-design web-component


    【解决方案1】:

    online document 列出了错误的名称。应该是--paper-input-container-disabled。所以这会起作用 -

    paper-input {
      --paper-input-container-disabled: {
        opacity: 0.66;
      };
    } 
    

    注意默认opacity0.33。所以可能会增加一点以使其更清晰。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多