使用ng-classes输入样式输入占位符颜色样式

Question

当ng类位于输入字段时，我无法定位输入占位符文本。我能够输入背景颜色，而不是占位符文本颜色。任何援助将是伟大的。

HTML：

<form class="my-form"> 
    <input type="text" placeholder="Quick test" required/> 
</form> 

SCSS：

.my-form { 
input.ng-invalid.ng-touched { 
background: #efefef; 
::-webkit-input-placeholder { 
    color: #FF0000; 
} 
:-moz-placeholder { 
    color: #FF0000; 
} 
::-moz-placeholder { 
    color: #FF0000; 
} 
:-ms-input-placeholder { 
    color: #FF0000; 
    } 
} 
} 

类角增加一个必需的元素

<input type="text" placeholder="Quick test" required="" 
class="ng-pristine ng-invalid ng-invalid-required ng-touched"> 

Answer 1

添加纳克级的供应商名称确实的伎俩。

HTML：

<input type="text" placeholder="Quick test" required="" 
class="ng-pristine ng-invalid ng-invalid-required ng-touched"> 

SCSS：

.ng-touched::-webkit-input-placeholder { color: red; } 
.ng-untouched::-webkit-input-placeholder { color: #cccccc; } 
/* add additional vendor prefixes or utilize mixin */