如何在插入文本后更改md-input-container标签的标签颜色

Question

如何在md-input-container标签包含特定输入后更改颜色？我不希望它变成灰色，因为它看起来像是变灰了。例如，我想在输入字段包含输入之后更改标签“描述”的颜色。我曾尝试通过使用此代码修改CSS MD-输入容器标签，但它不工作：

md-input-container.md-default-theme label, 
md-input-container.md-default-theme .md-placeholder { 
    color: #FDFE67 !important; 
} 

这里是我的html：

<div ng-app="MyApp" ng-controller="DemoCtrl" layout="column" ng-cloak="" class="md-inline-form inputdemoBasicUsage"> 
    <md-content layout-padding=""> 
    <div> 
     <form name="userForm"> 
     <md-input-container class="md-block"> 
      <label>Input-autofocus</label> 
      <input ng-model="user.firstName" type="text" autofocus> 
     </md-input-container> 

     <md-input-container class="md-block"> 
      <label>Input-md-autofocus</label> 
      <input ng-model="user.title" type="text" md-autofocus> 
     </md-input-container> 
     </form> 
    </div> 
    </md-content> 
</div> 

这里是我的角度：

angular 
    .module('MyApp', ['ngMaterial', 'ngMessages']) 
    .controller('DemoCtrl', function($scope) { 

    }); 

这是我在codepen代码： http://codepen.io/zcook/pen/bpxGWJ

Answer 1

如果你想在标签合作阴沉改变时，它具有输入可以使用...

.md-inline-form md-input-container.md-input-has-value label{ 
    color: red; 
} 

如果你想在标签颜色改变后，用户输入的输入的焦点移动远离你可以使用...

.md-inline-form md-input-container.md-input-has-value:not(.md-input-focused) label{ 
color: red; 
}