首页 文章

更改Angular Material Design标签文本的颜色(Angular 1.3.0&ngMaterial 0.11)

提问于
浏览
2

我设置了AngularJS应用程序(1.3)和Angular Material(v10.1) - 当我点击输入字段(例如它处于焦点)时,设置为使用Material Design,标签文本更改为默认颜色blue - 我想把它改成我选择的颜色,这是最好的方法 .

<md-input-container class="md-block">
  <label>Name</label>
  <input required>
</md-input-container>

一旦我专注于标签上方的输入字段,将“名称”文本的颜色更改为蓝色 - 在Material Design中将此更改为另一种颜色的建议方法是什么?

1 回答

  • 2

    此选择器用于默认状态

    md-input-container:not(.md-input-invalid).md-input-has-value label {
          color: #000; // your color here
    }
    

    聚焦状态

    md-input-container:not(.md-input-invalid).md-input-focused label {
          color: #000; // your color here
    }
    

相关问题