使用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 */