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

时间:2017-04-27 08:37:23

标签: css angularjs material-design angular-material

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

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

一旦我专注于标签上方的输入字段,就会更改文字的颜色&#39;名称&#39;蓝色 - 在Material Design中将此更改为另一种颜色的推荐方法是什么?

1 个答案:

答案 0 :(得分:2)

此默认状态选择器

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

聚焦状态

        String userProfile= "C:\\Users\\user_name\\AppData\\Local\\Google\\Chrome\\User Data\\Default\\";
        ChromeOptions options = new ChromeOptions();
        options.addArguments("user-data-dir="+userProfile);
        options.addArguments("--start-maximized");
        WebDriver driver = new ChromeDriver(options);
        driver.get("http://www.google.com");