Estilo de color de marcador de posición de entrada de estilo con ng-classes

Tengo dificultades para seleccionar un texto de marcador de entrada cuando las clases ng están en un campo de entrada. Puedo determinar el color de fondo de las entradas, pero no el color del texto del marcador de posición. Cualquier asistencia sería genial.

HTML:

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

Clases angulares se agrega a un elemento requerido

  

Agregar el ng-class al prefijo del vendedor hace el truco.

HTML:

  

Scss:

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

Agregué un condicional ng-class en mi marcador de posición de entrada

css:

 .colorwhiteinput::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #ffffff; } .colorwhiteinput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ffffff; opacity: 1; } .colorwhiteinput::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ffffff; opacity: 1; } .colorwhiteinput:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #ffffff; } 

html:

  

Así que simplemente coloque colorwhiteinput para acceder a los elementos de marcador de posición. todo después de colorwhiteinput en el css es solo la orientación, así que no cambie el :: – webkit-input-placeholder etc.