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

Question

当 ng 类在输入字段上时，我很难定位输入占位符文本。我能够获取输入背景颜色，但不能获取占位符文本颜色。任何帮助都会很棒。

HTML:

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

科学:

.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;
  }
 }
}

Angular 添加到所需元素的类

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

Answer 1

将 ng-class 添加到供应商前缀就可以了。

HTML:

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

科学:

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